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

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 超级经典一套鼠标控制左右滚动图片带自动翻滚

Javascript: 用JavaScript实现浏览器地震效果; Javascript实例教程(8) 利用Javascript基于浏览器类型的重定向; Javascript实例教程(14) 鼠标触发窗口; 使主页呈现“飞舞”特效; Javascript实例教程(21) OLE Automation(1); Javascript实例教程(13) 鼠标移过时报警; Javascript实例教程(10) 随机显示图片; Javascript实例教程(2) 创建弹出式窗口; JavaScript 小技巧(第十集); Javascript实例教程(3) 创建折叠式导航菜单; Javascript实例教程(7) 利用Javascript进行密码保护; 完美解决一个事件激活多个函数(2); Javascript模拟游戏中的弹出菜单效果; Javascript实例教程(6) 在一个表单中设置和检查Cookies; JavaScript 小技巧(第八集); Javascript实例教程(4) 探测浏览器插件; JavaScript 小技巧(第九集); JavaScript学习:基础继承机制; 初学Javascript之cookie篇(译); 让弹出窗口变得“体贴”一些(javascript)

No. « ‹ 10 11 12 13 › »

技术文章搜索

关键字

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

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 324 ::

收藏到网摘: n/a

宝儿的zQuery库选择器简单原型 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"> <img src="http://i0.sinaimg.cn/edu/deco/2007/0928/aiying.jpg" width="109" height="87" alt="周宪环" /> <a href="http://career.sina.com.cn/3/2007/0928/15.html" target="_blank">周宪环</a> </div> <div class="pic"> <img src="http://i1.sinaimg.cn/edu/deco/2007/0928/zhenwei.jpg" width="109" height="87" alt="周桢炜" /> <a href="http://career.sina.com.cn/3/2007/0928/16.html" target="_blank">周桢炜</a> </div> <div class="pic"> <img src="http://i2.sinaimg.cn/edu/deco/2007/0928/zhangying.jpg" width="109" height="87" alt="张颖" /> <a href="http://career.sina.com.cn/3/2007/0928/14.html" target="_blank">张颖</a> </div> <div class="pic"> <img src="http://i3.sinaimg.cn/edu/deco/2007/0928/wangnaichao.jpg" width="109" height="87" alt="王乃超" /> <a href="http://career.sina.com.cn/3/2007/0928/17.html" target="_blank">王乃超</a> </div> <div class="pic"> <img src="http://i1.sinaimg.cn/edu/deco/2007/0928/xiewenxiu.jpg" width="109" height="87" alt="谢雯琇" /> <a href="http://career.sina.com.cn/3/2007/0928/19.html" target="_blank">谢雯琇</a> </div> <div class="pic"> <img src="http://i1.sinaimg.cn/edu/deco/2007/0928/lvge.jpg" width="109" height="87" alt="吕铬" /> <a href="http://career.sina.com.cn/3/2007/0928/18.html" target="_blank">吕铬</a> </div> <div class="pic"> <img src="http://i2.sinaimg.cn/edu/deco/2007/0928/zhengru.jpg" width="109" height="87" alt="贾正如" /> <a href="http://career.sina.com.cn/3/2007/0927/12.html" target="_blank">贾正如</a> </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 全选提示:你可先修改部分代码,再按运行]

宝儿的zQuery库选择器简单原型 javascript关键字加亮加连接

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

评论 (0) All

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