超级经典一套鼠标控制左右滚动图片带自动翻滚

更新时间：2008年06月02日 19:01:21 作者：

鼠标控制左右滚动图片带自动翻滚

<!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" /> <title>超级经典一套鼠标控制左右滚动图片带自动翻滚</title> </head> <body> <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://career.sina.com.cn/3/2007/0928/15.html" target="_blank"><img src="http://i0.sinaimg.cn/edu/deco/2007/0928/aiying.jpg" width="109" height="87" alt="周宪环" /></a>           <p><a href="http://career.sina.com.cn/3/2007/0928/15.html" target="_blank">周宪环</a></p>          </div>                  <div class="pic">           <a href="http://career.sina.com.cn/3/2007/0928/16.html" target="_blank"><img src="http://i1.sinaimg.cn/edu/deco/2007/0928/zhenwei.jpg" width="109" height="87" alt="周桢炜" /></a>           <p><a href="http://career.sina.com.cn/3/2007/0928/16.html" target="_blank">周桢炜</a></p>          </div>          <div class="pic">           <a href="http://career.sina.com.cn/3/2007/0928/14.html" target="_blank"><img src="http://i2.sinaimg.cn/edu/deco/2007/0928/zhangying.jpg" width="109" height="87" alt="张颖" /></a>           <p><a href="http://career.sina.com.cn/3/2007/0928/14.html" target="_blank">张颖</a></p>          </div>          <div class="pic">           <a href="http://career.sina.com.cn/3/2007/0928/17.html" target="_blank"><img src="http://i3.sinaimg.cn/edu/deco/2007/0928/wangnaichao.jpg" width="109" height="87" alt="王乃超" /></a>           <p><a href="http://career.sina.com.cn/3/2007/0928/17.html" target="_blank">王乃超</a></p>          </div>          <div class="pic">           <a href="http://career.sina.com.cn/3/2007/0928/19.html" target="_blank"><img src="http://i1.sinaimg.cn/edu/deco/2007/0928/xiewenxiu.jpg" width="109" height="87" alt="谢雯琇" /></a>           <p><a href="http://career.sina.com.cn/3/2007/0928/19.html" target="_blank">谢雯琇</a></p>          </div>  <div class="pic">           <a href="http://career.sina.com.cn/3/2007/0928/18.html" target="_blank"><img src="http://i1.sinaimg.cn/edu/deco/2007/0928/lvge.jpg" width="109" height="87" alt="吕铬" /></a>           <p><a href="http://career.sina.com.cn/3/2007/0928/18.html" target="_blank">吕铬</a></p>          </div>                <div class="pic">           <a href="http://career.sina.com.cn/3/2007/0927/12.html" target="_blank"><img src="http://i2.sinaimg.cn/edu/deco/2007/0928/zhengru.jpg" width="109" height="87" alt="贾正如" /></a>           <p><a href="http://career.sina.com.cn/3/2007/0927/12.html" 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> <style type="text/css">  </style> <script language="javascript" type="text/javascript"> <![CDATA[//><!]]> </script> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

比较炫的图片播放器 js 焦点效果代码
之前做过一个,有点不理想, 改进下儿,测试一下，果然厉害
2008-07-07
多图展示点击切换效果模拟的flash效果，点小图放大显示，再点恢复默认。
多图展示点击切换效果模拟的flash效果，点小图放大显示，再点恢复默认。...
2006-12-12
最简单的js图片切换效果实现代码
最简单的js图片切换效果实现代码，需要的朋友可以参考下。
2011-09-09
一段实现页面上的图片延时加载的js代码
效果可以直接看淘宝的商品分类页、还有QQ的商城页
2010-02-02
用js 让图片在 div或dl里　居中，底部对齐
2008-01-01
静态图片的十一种滤镜效果--不支持Ie7及非IE浏览器。
静态图片的十一种滤镜效果--不支持Ie7及非IE浏览器。...
2007-03-03
javascript检测(控制 )上传文件大小
用户客户端检测图片的大小，实际应用中，服务器端测试仍必不可少。
2009-12-12
js小技巧--自动隐藏红叉叉
js小技巧--自动隐藏红叉叉...
2007-08-08
JavaScript判断图片是否能够加载,失败则替换默认图片
JavaScript智能判断图片是否能够正确加载，若加载失败则用默认图片替换，这是个比较实用的功能，不少网站都可见到这种功能.
2010-10-10
javascript 不间断的图片滚动并可点击
不间断的图片滚动效果实现代码。
2010-01-01