点击左右滚动幻灯banner(JS+CSS)
作者:佳明妈 来源:懒人建站 2009-10-15 人气:
点击左右滚动幻灯banner(JS+CSS),可以点击左右滚动,亦可自动滚动
结构良好,内容层清晰明了,可以添加任意内容,图片、文字、flash
等等。
兼容IE6/IE7/火狐/谷歌。
可定制性非常强,聪明的你完全可以方便的定制出你想要的效果。
代码片段:
<div id="container">
<div id="slider">
<div class="sliderItem" id="slide1">
<h2>这里可以书写你想要的文字</h2>
<img src="images/slider_item1.png" alt="" />
</div><!-- /sliderItem -->
<div class="sliderItem"
id="slide2"style="display:none">
<h2>这里可以书写你想要的文字</h2>
<img src="images/slider_item2.png" alt="" />
</div><!-- /sliderItem -->
<div class="sliderItem" id="slide3"
style="display:none">
<h2>这里可以书写你想要的文字</h2>
<img src="images/slider_item3.png" alt="" />
</div><!-- /sliderItem -->
<div class="sliderItem" id="slide4"
style="display:none">
<h2>这里可以书写你想要的文字</h2>
<img src="images/slider_item4.png" alt="" />
</div><!-- /sliderItem -->
</div><!-- /slider -->
<div id="sliderNav">
<div class="sliderNav_left">
<a href="#" class="previous">Previous</a>
<ul></ul>
<a href="#" class="next">Next</a>
</div>
</div>
</div>
点击左右滚动幻灯banner(JS+CSS)由懒人建站收集整理,您可以自由传播,请主动带上本文链接
懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。
点击左右滚动幻灯banner(JS+CSS)-最新评论