左右切换鼠标可控的无缝图片滚动代码

网站特效主机域名网站建设站长导航热门事件阜阳校内

网页特效分类：其它游戏娱乐计算转换表单及按钮广告代码浏览器相关图片特效日期时间表格相关文本链接背景特效层和布局菜单导航

您的当前位置：网页特效 > 图片特效 > 正文

左右切换鼠标可控的无缝图片滚动代码

分类标签：图片特效　更新时间：10-05-03　阅读次数：
以前见过这种效果，但是是基于FLASH技术，现在是纯用JS实现的，代码有点多，不过效果还不错，实际上它也是一个图片滚动，只不过它完全是用鼠标点击控制的，也就是说鼠标不点击的时候它是静止的，每点一下向后移动一个图片，无缝衔接，如些循环。

<!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> <style type="text/css">  </style> </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="/" target="_blank"><img src="http://www.codefans.net/jscss/demoimg/wall_s1.jpg" width="109" height="87" /></a> <p><a href="#" target="_blank">风景美如画</a></p> </div> <div class="pic"> <a href="/" target="_blank"><img src="http://www.codefans.net/jscss/demoimg/wall_s2.jpg" width="109" height="87" /></a> <p><a href="#" target="_blank">我爱源码爱好者</a></p> </div> <div class="pic"> <a href="/" target="_blank"><img src="http://www.codefans.net/jscss/demoimg/wall_s3.jpg" width="109" height="87" /></a> <p><a href="#" target="_blank">学习型源码站</a></p> </div> <div class="pic"> <a href="/" target="_blank"><img src="http://www.codefans.net/jscss/demoimg/wall_s4.jpg" width="109" height="87" /></a> <p><a href="#" target="_blank">每一款都测试</a></p> </div> <div class="pic"> <a href="/" target="_blank"><img src="http://www.codefans.net/jscss/demoimg/wall_s5.jpg" width="109" height="87" alt="你难道不喜欢" /></a> <p><a href="#" target="_blank">你难道不喜欢</a></p> </div> <div class="pic"> <a href="/" target="_blank"><img src="http://www.codefans.net/jscss/demoimg/wall_s6.jpg" width="109" height="87" /></a> <p><a href="#" target="_blank">你太令我失望了</a></p> </div> <div class="pic"> <a href="/" target="_blank"><img src="http://www.codefans.net/jscss/demoimg/wall_s7.jpg" width="109" height="87" /></a> <p><a href="#" 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>
提示:可以修改后运行.

左右切换鼠标可控的无缝图片滚动代码

本类推荐特效代码

本类特效代码阅读排行

本类最新特效代码