点击左右按钮图片切换js代码

作者:sky 点击:3422 评论:0 发布时间:周二, 10/14/2008 - 11:15 所属分类:图像特效

商城网站常用的左右按钮图片切换特效，带定时切换效果，也可以直接点击按钮切换，兼容火狐浏览器。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name="keywords" content="站长,网页特效,js特效,广告代码,zzjs,zzjs.net,sky,www.zzjs.net,站长特效网" /> <meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网" /> <title>图片自动滚动效果，sky整理搜集。</title> </head> <style type="text/css">  </style> <body> <a href="http://www.zzjs.net/">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>  <script type="text/javascript" src="http://www.zzjs.net/ad/tc.js"></script> <div class="rollBox"> <div class="LeftBotton" onmousedown="ISL_GoUp()" onmouseup="ISL_StopUp()" onmouseout="ISL_StopUp()"></div> <div class="Cont" id="ISL_Cont"> <div class="ScrCont"> <div id="List1">  <div class="pic"> <a href="http://zzjs.net" target="_blank"><img src="/ad/1.gif" width="109" height="87" alt="一号图片" /></a> <p><a href="http://www.zzjs.net" target="_blank">一号图片</a></p> </div> <div class="pic"> <a href="http://zzjs.net" target="_blank"><img src="/ad/1.gif" width="109" height="87" alt="二号图片" /></a> <p><a href="http://www.zzjs.net" target="_blank">二号图片</a></p> </div> <div class="pic"> <a href="http://www.zzjs.net" target="_blank"><img src="/ad/3.gif" width="109" height="87" alt="三号图片" /></a> <p><a href="http://zzjs.net" target="_blank">三号图片</a></p> </div> <div class="pic"> <a href="http://www.zzjs.net" target="_blank"><img src="/ad/4.gif" width="109" height="87" alt="四号图片" /></a> <p><a href="http://zzjs.net" target="_blank">四号图片</a></p> </div> <div class="pic"> <a href="http://www.zzjs.net" target="_blank"><img src="/ad/5.gif" width="109" height="87" alt="五号图片" /></a> <p><a href="http://zzjs.net" target="_blank">五号图片</a></p> </div> <div class="pic"> <a href="http://www.zzjs.net" target="_blank"><img src="/ad/1.gif" width="109" height="87" alt="您自定义" /></a> <p><a href="http://zzjs.net" target="_blank">您自定义</a></p> </div> <div class="pic"> <a href="http://www.zzjs.net" target="_blank"><img src="/ad/1.gif" width="109" height="87" alt="您自定义" /></a> <p><a href="http://zzjs.net" target="_blank">您自定义</a></p> </div>  </div> <div id="List2"></div> </div> </div> <div class="RightBotton" onmousedown="ISL_GoDown()" onmouseup="ISL_StopDown()" onmouseout="ISL_StopDown()"></div> </div> </div> <script language="javascript" type="text/javascript"> <![CDATA[//><!]]> </script> </body> </html>

提示：你可以先修改部分代码再运行。

顶一下

(23)

95.83%

踩一下

(1)

4.17%

标签: