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

程序员文章站 2022-04-30 22:41:09

友情链接滚动特效 .roun .rouncenter_fh{width:248px;float:left;overflow:hidden;border-left:1...

<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(//files.jb51.net/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="//files.jb51.net/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 onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=aHR0cDovL2ltYWdlczQuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxOTA3MzAvYl8wXzIwMTkwNzMwMTY0NzA0Njk5MS5naWY=" alt="图片友情链接滚动 横向,带控制按钮" title="图片友情链接滚动 横向,带控制按钮"></td> 
<td><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=aHR0cDovL2ltYWdlczQuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxOTA3MzAvYl8wXzIwMTkwNzMwMTY0NzA1MTE2MS5naWY=" alt="图片友情链接滚动 横向,带控制按钮" title="图片友情链接滚动 横向,带控制按钮"></td> 
<td><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=aHR0cDovL2ltYWdlczQuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxOTA3MzAvYl8wXzIwMTkwNzMwMTY0NzA1MTgxOS5naWY=" alt="图片友情链接滚动 横向,带控制按钮" title="图片友情链接滚动 横向,带控制按钮"></td> 
<td><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=aHR0cDovL2ltYWdlczQuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxOTA3MzAvYl8wXzIwMTkwNzMwMTY0NzA2NDA0Ni5naWY=" alt="图片友情链接滚动 横向,带控制按钮" title="图片友情链接滚动 横向,带控制按钮"></td> 
<td><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=aHR0cDovL2ltYWdlczQuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxOTA3MzAvYl8wXzIwMTkwNzMwMTY0NzA2NjQ2MS5naWY=" alt="图片友情链接滚动 横向,带控制按钮" title="图片友情链接滚动 横向,带控制按钮"></td> 
<td><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=aHR0cDovL2ltYWdlczQuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxOTA3MzAvYl8wXzIwMTkwNzMwMTY0NzA2NTY0Ni5naWY=" alt="图片友情链接滚动 横向,带控制按钮" title="图片友情链接滚动 横向,带控制按钮"></td> 
<td><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=aHR0cDovL2ltYWdlczQuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxOTA3MzAvYl8wXzIwMTkwNzMwMTY0NzA3Mjg4OC5naWY=" alt="图片友情链接滚动 横向,带控制按钮" title="图片友情链接滚动 横向,带控制按钮"></td> 
</tr></table>
</div></td> 
<td><input id="idnext" type="image" src="//files.jb51.net/demoimg/200910//bank_btn_right.gif" onfocus="this.blur()"></td> 
</tr></table>
</div> 
</div>

[ctrl+a 全选注:如需引入外部js需刷新才能执行]

打赏

微信扫一扫

超酷的鼠标拖拽翻页(分页)效果实现javascript代码

拖动分页 body{ border:0px; margin:0px; overflow:hidden; ... [阅读全文]
javascript 定时自动切换的选项卡Tab

这里要注意,用于产生changetabinterval的随机数，防止页面上tabpane过多，如果设置的changetabinter... [阅读全文]
Js 实现文字爬楼滚动效果结合文本框

文字爬楼 msg="网页特效" align="left"; speed=250; up=true; ... [阅读全文]
Js+CSS 文字渐隐渐现显示

这段代码实现的淡入淡出还算可以吧，比较平滑，同样出自javascript+css两者的配合。 javascript文字渐隐渐现显示... [阅读全文]
firefox(火狐)和ie浏览器禁止右键和禁止复制的代码

是一个专业的收集各类脚本学习资料的网站,尽量修正错误打造精品脚本类学习网站,我们为... [阅读全文]