图片友情链接滚动横向,带控制按钮

277 阅读 0 评论 183 点赞

我是靠谱客的博主疯狂耳机，这篇文章主要介绍图片友情链接滚动横向,带控制按钮，现在分享给大家，希望可以做个参考。

<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(http://files.uoften.com/demoimg/200910//bank_back.gif) no- 
repeat; padding:30px 0 0 15px;} 
</style> 
<DIV class="roun right mT8px"> 
<div class="index_bank"> 
<table width="190px" border="0" cellspacing="0" cellpadding="0"> 
<tr> 
<td><input id="idPre" type="image" src="http://files.uoften.com/demoimg/200910//bank_btn_left.gif" 
onFocus="this.blur()" /></td> 
<td><div class="container" id="idContainer2"> 
<table id="idSlider2" border="0" cellpadding="0" cellspacing="0"> 
<tr> 
<td><img src="//file2.kaopuke.com:8081/files_image/201804/bank1.gif"/></td> 
<td><img src="//file2.kaopuke.com:8081/files_image/201804/bank2.gif"/></td> 
<td><img src="//file2.kaopuke.com:8081/files_image/201804/bank3.gif"/></td> 
<td><img src="//file2.kaopuke.com:8081/files_image/201804/bank4.gif"/></td> 
<td><img src="//file2.kaopuke.com:8081/files_image/201804/bank5.gif"/></td> 
<td><img src="//file2.kaopuke.com:8081/files_image/201804/bank6.gif"/></td> 
<td><img src="//file2.kaopuke.com:8081/files_image/201804/bank7.gif"/></td> 
</tr> 
</table> 
</div></td> 
<td><input id="idNext" type="image" src="http://files.uoften.com/demoimg/200910//bank_btn_right.gif" 
onFocus="this.blur()" /></td> 
</tr> 
</table> 
</div>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]