今天推荐一个漂亮的网站banner效果,非常的大气,并且还带菜单栏,非常的好看,下面是原代码,如果喜欢直接用就行!
</head>前面需要添加的代码:
<link rel="stylesheet" type="text/css" href="http://www.floyou.net/Skins/2009/Css/yxtop.css">
<script type="text/javascript" src="http://www.floyou.net/Skins/2009/js/yxtop.js"></script>
<script type="text/javascript" src="http://www.floyou.net/Skins/2009/js/yxtop1.js"></script>
在网站中需要的位置,一般是top下面添加如下代码:
<div id="banner">
<ul class="slides">
<li style="background:url(http://www.floyou.net/UpFile/201509/banner.jpg) 50% 0 no-repeat;"></li>
<li style="background:url(http://www.floyou.net/UpFile/201509/ban1.jpg) 50% 0 no-repeat;"></li>
<li style="background:url(http://www.floyou.net/UpFile/201509/ban2.jpg) 50% 0 no-repeat;"></li>
<li style="background:url(http://www.floyou.net/UpFile/201509/ban4.jpg) 50% 0 no-repeat;"></li>
</ul>
<span class="ban_left flex_comBtn"><img src="http://www.floyou.net/Skins/2009/Images/ll.png" alt="左移"></span>
<span class="ban_right flex_comBtn"><img src="http://www.floyou.net/Skins/2009/Images/rr.png" alt="右移"></span>
<ul class="ban_margin clearfix">
<li ><a class="ban_a1" href="http://www.seozz.net">网站建设</a></li>
<li><a class="ban_a2" href="http://www.seozz.net">网站优化</a></li>
<li><a class="ban_a3" href="http://www.seozz.net">网站托管</a></li>
<li><a class="ban_a4" href="http://www.seozz.net">产品推广</a></li>
<li><a class="ban_a5" href="http://www.seozz.net">手机网站</a></li>
<li><a class="ban_a6" href="http://www.seozz.net">微信营销</a></li>
</ul>
</div>
本文地址:http://www.seozz.net/zzseo/banner.html