郁闷吧 微信小程序 4188479 63242849 39070147 130690866
还没有任何记录...

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

懒人建站提供网页素材下载、网站模板
这一切都是免费的!
当前位置:懒人建站 > javascript > 幻灯片代码 >

点击左右滚动按钮控制有图片和文字

来源:懒人建站 作者: 懒人建站 日期:2009-10-27 人气:
点击左右滚动,可以用按钮点击控制,也可以自行滚动,有图片和文字配合,可作图文展示,产品展示比较适合。

网站建设中经常会用到点击左右滚动,这个滚动可以用按钮点击控制,也可以自行滚动,有图片和文字配合,可作图文展示,产品展示比较适合。

代码片段:

      <div id="List1_1">
        <!-- piclist begin -->
        <a class="pl" href="#" ><img src="wall_s1.jpg" alt="懒人建站" width="96" height="72"/>图片一</a>
        <a class="pl"href="#"> <img src="wall_s2.jpg" alt="懒人建站" width="96" height="72"/>图片二</a>
        <a class="pl" href="#"><img src="wall_s3.jpg" alt="李宇春"width="96" height="72"/>图片三</a>
        <a class="pl" href="#"><img src="wall_s4.jpg" alt="懒人建站" width="96" height="72"/>图片四</a>
        <a class="pl" href="#"><img src="wall_s5.jpg" alt="美女啊" width="96" height="72"/>图片五</a>
        <a class="pl" href="#"><img src="wall_s6.jpg" alt="懒人建站" width="96" height="72"/>图片六</a>
        <a class="pl" href="#"><img src="wall_s7.jpg" alt="春哥" width="96" height="72"/>图片七</a>
        <a class="pl" href="#" ><img src="wall_s8.jpg" alt="火影" width="96" height="72"/>图片八</a>
        <a class="pl" href="#" ><img src="wall_s9.jpg" alt="懒人建站" width="96" height="72"/>图片九</a>
        <!-- piclist end -->
      </div>

本文链接:点击左右滚动按钮控制有图片和文字http://www.51xuediannao.com/js/slide/148.html

(责任编辑:懒人建站)

点击左右滚动按钮控制有图片和文字由懒人建站收集整理,您可以自由传播,请主动带上本文链接

web前端开发就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。