首页 > 编程札记 > javascript

topbannerhtml代码

阅读：评论：0

2024年1月27日发(作者：)

topbannerhtml代码

代码是一种用于网页设计的HTML代码，它通常用于创建网页的顶部横幅部分。这个横幅部分通常包含网站的标志、导航菜单和其他重要的信息。在这篇文章中，我们将介绍如何编写一个简单的代码，并解释其中的一些关键元素。

首先，我们需要创建一个HTML文档，并在文档的头部添加必要的元数据。以下是一个基本的HTML文档结构：

```html

Top Banner

```

在上面的代码中，我们使用``元素来指定文档的字符编码为UTF-8，这样可以确保网页中的中文字符能够正确显示。``元素用于定义网页的标题，这个标题将显示在浏览器的标题栏中。`<link>`元素用于引入一个外部的CSS样式表，这样我们可以将样式与HTML代码分离，使得代码更加清晰和易于维护。 </p><p style="text-indent: 2em;";>接下来，我们将在`<body>`标签中编写代码。以下是一个简单的示例： </p><p style="text-indent: 2em;";>```html </p><p style="text-indent: 2em;";><div id="top-banner"> </p><p style="text-indent: 2em;";> <div class="logo"> </p><p style="text-indent: 2em;";> <img src="" alt="网站标志"> </p><p style="text-indent: 2em;";> </div> </p><p style="text-indent: 2em;";> <nav> </p><p style="text-indent: 2em;";> <ul> </p><p style="text-indent: 2em;";> <li><a href="#">首页</a></li> </p><p style="text-indent: 2em;";> <li><a href="#">关于我们</a></li> </p><p style="text-indent: 2em;";> <li><a href="#">产品</a></li> </p><p style="text-indent: 2em;";> <li><a href="#">联系我们</a></li> </p><p style="text-indent: 2em;";> </ul> </p><p style="text-indent: 2em;";> </nav> </p><p style="text-indent: 2em;";></div> </p><p style="text-indent: 2em;";>``` </p><p style="text-indent: 2em;";>在上面的代码中，我们使用`<div>`元素创建了一个id为"top-banner"的容器，这个容器将包含整个顶部横幅的内容。在容器内部，我们使用另一个`<div>`元素创建了一个class为"logo"的容器，用于显示网站的标志。在这个容器中，我们使用`<img>`元素来插入一个图片，这个图片的路径是""，并且使用了一个"网站标志"的替代文本，以便在图片无法显示时提供替代信息。 </p><p style="text-indent: 2em;";>接下来，我们使用`<nav>`元素创建了一个导航菜单。在导航菜单中，我们使用`<ul>`元素创建了一个无序列表，每个列表项使用`<li>`元素表示。在每个列表项中，我们使用`<a>`元素创建了一个链接，这些链接将指向网站的不同页面。在这个示例中，我们创建了四个链接，分别是"首页"、"关于我们"、"产品"和"联系我们"。 </p><p style="text-indent: 2em;";>最后，我们需要为代码添加一些样式。我们可以将样式代码放在一个名为""的外部样式表中，然后在HTML文档的头部使用`<link>`元素引入这个样式表。以下是一个简单的样式表示例： </p><p style="text-indent: 2em;";>```css </p><p style="text-indent: 2em;";>#top-banner { </p><p style="text-indent: 2em;";> background-color: #f1f1f1; </p><p style="text-indent: 2em;";> padding: 10px; </p><p style="text-indent: 2em;";>} </p><p style="text-indent: 2em;";>.logo { </p><p style="text-indent: 2em;";> float: left; </p><p style="text-indent: 2em;";>} </p><p style="text-indent: 2em;";>nav ul { </p><p style="text-indent: 2em;";> list-style-type: none; </p><p style="text-indent: 2em;";> margin: 0; </p><p style="text-indent: 2em;";> padding: 0; </p><p style="text-indent: 2em;";>} </p><p style="text-indent: 2em;";>nav ul li { </p><p style="text-indent: 2em;";> display: inline; </p><p style="text-indent: 2em;";> margin-right: 10px; </p><p style="text-indent: 2em;";>} </p><p style="text-indent: 2em;";>nav ul li a { </p><p style="text-indent: 2em;";> text-decoration: none; </p><p style="text-indent: 2em;";> color: #333; </p><p style="text-indent: 2em;";>} </p><p style="text-indent: 2em;";>``` </p><p style="text-indent: 2em;";>在上面的样式表中，我们使用了一些基本的CSS属性来定义代码的样式。`#top-banner`选择器用于选择id为"top-banner"的元素，并设置了背景颜色和内边距。`.logo`选择器用于选择class为"logo"的元素，并设置了浮动属性，使得标志图片能够在导航菜单的左侧显示。`nav ul`选择器用于选择导航菜单中的无序列表，并设置了列表的样式。`nav ul li`选择器用于选择导航菜单中的列表项，并设置了显示为行内元素和右边距。`nav ul li a`选择器用于选择导航菜单中的链接，并设置了文本装饰为无、颜色为#333。 </p><p style="text-indent: 2em;";>通过以上的代码和样式，我们可以创建一个简单的代码，用于网页的顶部横幅部分。当然，这只是一个基本的示例，你可以根据自己的需求进行修改和扩展，以创建更加丰富和个性化的顶部横幅。 </p><p><p><h2></h2></p><img style="max-width:35%; max-height:35%" src="/uploads/image/0191.jpg" alt="topbannerhtml代码"/></img></p> </div>  <div class="th_page th_page_color4 th_top"> </div>  <div class="th_ad3 th_top"> <div class="pcd_ad"><script src="https://www.4u4v.net/it/d/js/acmsd/thea22.js"></script></div> <div class="mbd_ad"></div> </div> <div class="umCopyright"> <p>本文发布于:2024-01-27 20:52:02，感谢您对本站的认可！</p> <p>本文链接：<a href="https://www.4u4v.net/it/17063599222568.html" target="_blank" style="color:#999">https://www.4u4v.net/it/17063599222568.html</a></p> <p>版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。</p> </div>  <div class="detail-arr"> <div class="detail-arr-left">上一篇：<a href='https://www.4u4v.net/it/17063598762563.html'>基本的网页设计代码示例-可根据需求修改</a></div> <div class="detail-arr-right">下一篇：<a href='https://www.4u4v.net/it/17063600802580.html'>做c网页的心得体会5篇</a></div> </div>  <div class="detail-tags"> <i class="iconfont icon-x-tags"></i> 标签：<a href="https://www.4u4v.net/it/tags/%E4%BB%A3%E7%A0%81_0.html" target="_blank">代码</a> <a href="https://www.4u4v.net/it/tags/%E7%94%A8%E4%BA%8E_0.html" target="_blank">用于</a> <a href="https://www.4u4v.net/it/tags/%E5%85%83%E7%B4%A0_0.html" target="_blank">元素</a> <a href="https://www.4u4v.net/it/tags/%E5%AF%BC%E8%88%AA_0.html" target="_blank">导航</a> <a href="https://www.4u4v.net/it/tags/%E8%8F%9C%E5%8D%95_0.html" target="_blank">菜单</a> <a href="https://www.4u4v.net/it/tags/%E5%88%9B%E5%BB%BA_0.html" target="_blank">创建</a> <a href="https://www.4u4v.net/it/tags/%E6%98%BE%E7%A4%BA_0.html" target="_blank">显示</a> <a href="https://www.4u4v.net/it/tags/%E7%BD%91%E9%A1%B5_0.html" target="_blank">网页</a></div> </section>  <a name="comments" id="comments"></a> <div class="showpage" id="plpost"> <link href="https://www.4u4v.net/it/skin/ecmspl/css/pl.css" rel="stylesheet"> <div class="showpage" id="plpost"> <table width="100%" border="0" cellpadding="0" cellspacing="0" style="line-height: 25px; padding: 5px 3px 1px 8px; font-size: 18px;"> <tr><td><strong><font color="#333333">留言与评论（共有 <span id="infocommentnumarea">0</span> 条评论）</font></strong></td></tr> </table> <script> function CheckPl(obj) { if(obj.saytext.value=="") { alert("您没什么话要说吗？"); obj.saytext.focus(); return false; } return true; } </script> <form action="https://www.4u4v.net/it/e/pl/doaction.php" method="post" name="saypl" id="saypl" onsubmit="return CheckPl(document.saypl)"> <table width="100%" border="0" cellpadding="0" cellspacing="0" id="plpost"> <tr> <td> <table width="100%" border="0" cellspacing="10" cellpadding="0"> <tr> <td> <script src="https://www.4u4v.net/it/e/pl/loginjspl.php"></script> <textarea name="saytext" rows="6" id="saytext" placeholder="请遵守互联网相关规定，不要发布广告和违法内容!"></textarea> <script src="https://www.4u4v.net/it/d/js/js/plface.js"></script> <table width='100%' align='left' cellpadding=3 cellspacing=1 bgcolor='#FFF'> <tr> <td width="80%" height="40" bgcolor="#FFFFFF">验证码：<input name="key" type="text" class="inputText" size="16" /> <img src="https://www.4u4v.net/it/e/ShowKey/?v=pl" align="absmiddle" name="plKeyImg" id="plKeyImg" onclick="plKeyImg.src='https://www.4u4v.net/it/e/ShowKey/?v=pl&t='+Math.random()" title="看不清楚,点击刷新" /> </td> <td width="20%" height="40" bgcolor="#FFFFFF"> <input name="sumbit" type="submit" value="提交评论" tabindex="6" style="border-radius: 5px;font-size: 16px;background: #e94c3d none repeat scroll 0% 0%;border: 0px none;margin: 0px 16px;padding: 1px 16px;height: 33px;line-height: 30px;color: rgb(255, 255, 255);opacity: 0.95;"> <input name="id" type="hidden" id="id" value="2568" /> <input name="classid" type="hidden" id="classid" value="41" /> <input name="enews" type="hidden" id="enews" value="AddPl" /> <input name="repid" type="hidden" id="repid" value="0" /> <input type="hidden" name="ecmsfrom" value="https://www.4u4v.net/it/17063599222568.html"> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table></form> <table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#FFFFFF"> <tr> <td bgcolor="#FFFFFF" id="infocommentarea"></td> </tr> </table> <script src="https://www.4u4v.net/it/e/extend/infocomment/commentajax.php?classid=41&id=2568"></script> </div> </div> </div>  <div class="col-md-3 col-xs-12">  <div class="thleftcon wap_top th_top"> <div class="thleftbt thwenzhang thsec4"><span class="th_cl4">推荐文章</span></div> <ul class="th-5" style="padding-top:0px"> <li> <span class="date">12-19</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/1734573086563307.html" title="南昌勇星喷绘有限公司介绍企业发展分析报告" target="_blank">南昌勇星喷绘有限公司介绍企业发展分析报告</a></li> <li> <span class="date">12-19</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/1734573072563306.html" title="南昌市灌城纸箱厂介绍企业发展分析报告" target="_blank">南昌市灌城纸箱厂介绍企业发展分析报告</a></li> <li> <span class="date">12-19</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/1734573059563305.html" title="2020新版江西省南昌市进贤县装修公司工商企业公司商家名录名单黄页联" target="_blank">2020新版江西省南昌市进贤县装修公司工商企业公司商家名录名单黄页联</a></li> <li> <span class="date">12-19</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/1734573036563304.html" title="南昌市瑞洋实业有限公司企业信用报告-天眼查" target="_blank">南昌市瑞洋实业有限公司企业信用报告-天眼查</a></li> <li> <span class="date">12-19</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/1734572995563303.html" title="南昌鸿图制衣有限公司介绍企业发展分析报告" target="_blank">南昌鸿图制衣有限公司介绍企业发展分析报告</a></li> <li> <span class="date">12-19</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/1734572981563302.html" title="南昌庭轩制衣有限公司介绍企业发展分析报告" target="_blank">南昌庭轩制衣有限公司介绍企业发展分析报告</a></li> <li> <span class="date">12-19</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/1734572968563301.html" title="南昌宇涂图文广告营业部介绍企业发展分析报告" target="_blank">南昌宇涂图文广告营业部介绍企业发展分析报告</a></li> <li> <span class="date">12-19</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/1734572943563300.html" title="南昌新望彩印有限公司介绍企业发展分析报告" target="_blank">南昌新望彩印有限公司介绍企业发展分析报告</a></li> <li> <span class="date">12-19</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/1734572929563299.html" title="南昌比林门窗店介绍企业发展分析报告" target="_blank">南昌比林门窗店介绍企业发展分析报告</a></li> <li> <span class="date">12-19</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/1734572916563298.html" title="南昌亿诺印刷品销售有限公司介绍企业发展分析报告" target="_blank">南昌亿诺印刷品销售有限公司介绍企业发展分析报告</a></li> </ul> </div>  <div class="th_ad3 th_top"> <div> <script src='https://www.4u4v.net/it/d/js/acmsd/thea15.js'></script> </div> </div>  <div class="thleftcon th_top"> <div class="thleftbt thwenzhang thsec4"><span class="th_cl4">排行榜</span></div> <ul class="th-5"> <li class="th_li"> <div class="bottom1 gundongimg"> <a href="https://www.4u4v.net/it/17061710611.html" title="JS - JavaScript（一种直译式脚本语言）"><img class="th_img banner_bottom" style="height:90px" src="https://www.4u4v.net/it/skin/8n6/images/notimg.gif" /></a> </div> <div class="bottom2 gundongimg"> <a class="th_hover_a4" href="https://www.4u4v.net/it/17061710611.html" title="JS - JavaScript（一种直译式脚本语言）" target="_blank">JS - JavaScript（一种直译式脚本语言）</a> <div class="bottom2_info"> JS 即 JavaScript。JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的 </div> </div> </li> <li><span class="date">968℃</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/17061780993.html" title="idea 快捷键类方法" target="_blank">idea 快捷键类方法</a></li> <li><span class="date">116℃</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/17061781314.html" title="idea 快捷键方法" target="_blank">idea 快捷键方法</a></li> <li><span class="date">959℃</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/17061781625.html" title="idea重写方法的快捷键" target="_blank">idea重写方法的快捷键</a></li> <li><span class="date">114℃</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/17061781826.html" title="IDEA快捷键" target="_blank">IDEA快捷键</a></li> <li><span class="date">102℃</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/17061782147.html" title="idea方法注解快捷键" target="_blank">idea方法注解快捷键</a></li> <li><span class="date">188℃</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/17061783468.html" title="idea重写方法的快捷键2篇" target="_blank">idea重写方法的快捷键2篇</a></li> <li><span class="date">105℃</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/17061783809.html" title="idea中artifacts" target="_blank">idea中artifacts</a></li> <li><span class="date">93℃</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/170617839610.html" title="idea的artifacts" target="_blank">idea的artifacts</a></li> <li><span class="date">88℃</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/170617848211.html" title="IntelliJIDEA上JFinal开发环境搭建手册" target="_blank">IntelliJIDEA上JFinal开发环境搭建手册</a></li> </ul> </div>  <div class="th_ad3 th_top"> <div> <script src='https://www.4u4v.net/it/d/js/acmsd/thea16.js'></script> </div> </div>  <div class="thleftcon th_top"> <div class="thleftbt thwenzhang thsec4"><span class="th_cl4">热门标签</span></div> <ul class="th-7 th_tag4"> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E7%B3%BB%E7%BB%9F">系统</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E6%95%B0%E6%8D%AE">数据</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E4%BD%BF%E7%94%A8">使用</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E6%9C%8D%E5%8A%A1%E5%99%A8">服务器</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E8%BD%AF%E4%BB%B6">软件</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E6%96%B9%E6%B3%95">方法</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E8%BF%9B%E8%A1%8C">进行</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E5%87%BD%E6%95%B0">函数</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E9%A1%B9%E7%9B%AE">项目</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E6%96%87%E4%BB%B6">文件</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=Windows">Windows</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E4%BB%A3%E7%A0%81">代码</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E7%94%B5%E8%84%91">电脑</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E4%BC%81%E4%B8%9A">企业</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E9%9C%80%E8%A6%81">需要</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E8%AE%A1%E7%AE%97%E6%9C%BA">计算机</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E8%AF%AD%E8%A8%80">语言</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E7%94%A8%E6%88%B7">用户</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E7%A8%8B%E5%BA%8F">程序</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=python">python</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E6%95%B0%E6%8D%AE%E5%BA%93">数据库</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=java">java</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E6%95%99%E7%A8%8B">教程</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E8%AE%BE%E8%AE%A1">设计</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E5%B7%A5%E4%BD%9C">工作</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E7%BC%96%E7%A8%8B%E8%AF%AD%E8%A8%80">编程语言</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E6%8A%80%E6%9C%AF">技术</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E6%9C%89%E5%93%AA%E4%BA%9B">有哪些</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=linux">linux</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E5%BC%80%E5%8F%91">开发</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E6%8A%A5%E5%91%8A">报告</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E6%9A%82%E6%97%A0">暂无</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E5%86%85%E5%AE%B9">内容</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E7%BD%91%E7%BB%9C">网络</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E6%93%8D%E4%BD%9C">操作</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E5%8A%9F%E8%83%BD">功能</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E5%88%86%E6%9E%90">分析</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E5%91%BD%E4%BB%A4">命令</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E7%BD%91%E7%AB%99">网站</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E5%AD%97%E7%AC%A6%E4%B8%B2">字符串</a></li> </ul> </div>  <div class="th_ad3 th_top"> <div> <script src='https://www.4u4v.net/it/d/js/acmsd/thea17.js'></script> </div> </div> </div> </div> </div>  <div class="footer2"> <p>Copyright ©2019-2022 Comsenz Inc.Powered by © <a rel="external nofollow" href="https://beian.miit.gov.cn/"> </a> </p> <a href="https://www.4u4v.net/it/sitemap/news_1.xml">网站地图1</a> <a href="https://www.4u4v.net/it/sitemap/news_2.xml">网站地图2</a> <a href="https://www.4u4v.net/it/sitemap/news_3.xml">网站地图3</a> <a href="https://www.4u4v.net/it/sitemap/news_4.xml">网站地图4</a> <a href="https://www.4u4v.net/it/sitemap/news_5.xml">网站地图5</a> <a href="https://www.4u4v.net/it/sitemap/news_6.xml">网站地图6</a> <a href="https://www.4u4v.net/it/sitemap/news_7.xml">网站地图7</a> <a href="https://www.4u4v.net/it/sitemap/news_8.xml">网站地图8</a> <a href="https://www.4u4v.net/it/sitemap/news_9.xml">网站地图9</a> <a href="https://www.4u4v.net/it/sitemap/news_10.xml">网站地图10</a> <a href="https://www.4u4v.net/it/sitemap/news_11.xml">网站地图11</a> <a href="https://www.4u4v.net/it/sitemap/news_12.xml">网站地图12</a> <a href="https://www.4u4v.net/it/sitemap/news_13.xml">网站地图13</a> <a href="https://www.4u4v.net/it/sitemap/news_14.xml">网站地图14</a> <a href="https://www.4u4v.net/it/sitemap/news_15.xml">网站地图15</a> <a href="https://www.4u4v.net/it/sitemap/news_16.xml">网站地图16</a> <a href="https://www.4u4v.net/it/sitemap/news_17.xml">网站地图17</a> <a href="https://www.4u4v.net/it/sitemap/news_18.xml">网站地图18</a> <a href="https://www.4u4v.net/it/sitemap/news_19.xml">网站地图19</a> <a href="https://www.4u4v.net/it/sitemap/news_20.xml">网站地图20</a> <a href="https://www.4u4v.net/it/sitemap/news_21.xml">网站地图21</a> <a href="https://www.4u4v.net/it/sitemap/news_22.xml">网站地图22/a> <a href="https://www.4u4v.net/it/sitemap/news_23.xml">网站地图23</a> </div>  <div class="thgotop"> <ul> <li id="guan" class="ditop th_bg4"> <div class="yewan"> <i class="iconfont icon-guandeng"></i> <span class="">我要关灯</span> </div> <div class="baitian"> <i class="iconfont icon-zu"></i> <span class="">我要开灯</span> </div> </li> <li id="go_top" class="ditop th_bg4"> <i class="iconfont icon-zhiding"></i> <span>返回顶部</span> </li> </ul> </div> <script type="text/javascript" > var swiper = new Swiper('.thbanner', { navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, loop: true, autoplay: { delay: 1500, stopOnLastSlide: false,//如果设置为true，当切换到最后一个slide时停止自动切换 disableOnInteraction: true,//用户操作swiper之后，是否禁止autoplay }, pagination: {//分页器 el: '.swiper-pagination', clickable: true,//点击分页器的指示点分页器会控制Swiper切换 }, }); var swiper = new Swiper('.thslide2', { slidesPerView: 4, spaceBetween: 10, loop: true, autoplay: { delay: 1500, stopOnLastSlide: false,//如果设置为true，当切换到最后一个slide时停止自动切换 disableOnInteraction: false,//用户操作swiper之后，是否禁止autoplay } }); </script> <script type="text/javascript" src="https://www.4u4v.net/it/skin/8n6/js/main.js"></script>  <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body> </html>