知识 分享 互助 懒人建站

    懒人建站专注于网页素材下载,提供网站模板、网页设计、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)-最新评论