位置：首页>> 网络编程>> JavaScript>> 发一新浪招聘的图片滚动控制JS效果

发一新浪招聘的图片滚动控制JS效果

作者：openwings　　发布时间：2011-08-10 19:17:25　

标签：图片滚动,js

经典鼠标控制左右滚动,图片间隔无缝滚动,悬停滚动,图片控制左右滚动JavaScript代码

<!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="https://img.aspxhome.com/file/UploadPic/20118/10/aiying-17.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="https://img.aspxhome.com/file/UploadPic/20118/10/zhenwei-25.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="https://img.aspxhome.com/file/UploadPic/20118/10/zhangying-27.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="https://img.aspxhome.com/file/UploadPic/20118/10/wangnaichao-43.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="https://img.aspxhome.com/file/UploadPic/20118/10/xiewenxiu-15.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="https://img.aspxhome.com/file/UploadPic/20118/10/lvge-27.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="https://img.aspxhome.com/file/UploadPic/20118/10/zhengru-93.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>

投稿

发一新浪招聘的图片滚动控制JS效果

猜你喜欢