快捷導(dǎo)航

圖片友情鏈接滾動橫向,帶控制按鈕

更新時間：2009年10月18日 00:29:21 作者：

超不錯的圖片友情鏈接滾動特效,橫向排列,帶控制按鈕,這里已經(jīng)將橫向鎖定,不能將其修改為豎向的,否則會出錯,專一用于橫排的圖片滾動,也可以不用作友情鏈接,產(chǎn)品滾動當然也可以哦.

<title>友情鏈接滾動特效</title> <style> .roun .rounCenter_fh{width:248px;float:left;overflow:hidden;border-left:1px solid #D3D3D3;border-right:1px solid #D3D3D3;background-color: #FFFFFF;background-position: 193px top; height:133px; padding-top:8px;} .container, .container img{width:180px; height:50px;} .index_bank{width:250px; height:60px; background:url(//img.jbzj.com/demoimg/200910//bank_back.gif) no- repeat; padding:30px 0 0 15px;} </style> <div   id="ublnpf9mb"   class="roun right mT8px"> <div   id="ublnpf9mb"   class="index_bank"> <table width="190px" border="0" cellspacing="0" cellpadding="0"> <tr> <td><input id="idPre" type="image" src="http://img.jbzj.com/demoimg/200910//bank_btn_left.gif" onFocus="this.blur()" /></td> <td><div   id="ublnpf9mb"   class="container" id="idContainer2"> <table id="idSlider2" border="0" cellpadding="0" cellspacing="0"> <tr> <td><img src="http://img.jbzj.com/demoimg/200910//bank1.gif"/></a></td> <td><img src="http://img.jbzj.com/demoimg/200910//bank2.gif"/></a></td> <td><img src="http://img.jbzj.com/demoimg/200910//bank3.gif"/></a></td> <td><img src="http://img.jbzj.com/demoimg/200910//bank4.gif"/></a></td> <td><img src="http://img.jbzj.com/demoimg/200910//bank5.gif"/></a></td> <td><img src="http://img.jbzj.com/demoimg/200910//bank6.gif"/></a></td> <td><img src="http://img.jbzj.com/demoimg/200910//bank7.gif"/></a></td> </tr> </table> </div></td> <td><input id="idNext" type="image" src="http://img.jbzj.com/demoimg/200910//bank_btn_right.gif" onFocus="this.blur()" /></td> </tr> </table> </div>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章: