知识 分享 互助 懒人建站

懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

懒人建站提供网页素材下载、网站模板
知识 分享 互助!

点击左右滚动幻灯banner(JS+CSS)

作者:佳明妈 来源:懒人建站 2009-10-15 人气:
FLASH焦点图:点击左右滚动幻灯banner(JS+CSS),可以点击左右滚动,亦可自动滚动结构良好,内容层清晰明了,可以添加任意内容,图片、文字、flash等等。可定制性非常强,聪明的你完全可

点击左右滚动幻灯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)-最新评论