当前位置: 懒人建站 > JS代码 > 焦点幻灯片 >

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

点击左右滚动,可以用按钮点击控制,也可以自行滚动,有图片和文字配合,可作图文展示,产品展示比较适合。
分享到:

代码说明:

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

代码片段:

      <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>

来源:懒人建站|发布人:懒人建站|2009-10-27|热度:|收 藏|报 错


相关代码

懒人建站

登 录| 注 册
你也许会喜欢X 关闭↑返回顶部→相关代码/文章
收藏到: 百度搜藏 新浪微博 QQ空间 更多
香港免备案空间,一年80元,500M空间、免费送100M mysql数据库。香港新世界电讯机房,与万网香港空间同机房,懒人建站同服务器。点击这里给我发消息速度演示:jquery 特效