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

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

Javascript: jQuery代码:jQuery控制表单里的回车键; 用DIV完美模拟createPopup 弹出窗口(脚本之家修正版)，支持Firefox,ie,chrome; jQuery Flash/MP3/Video多媒体插件; 9个JavaScript评级/投票插件; JS实现的radio图片选择按钮效果; IE中checkbox在刷新后初始化的问题; JavaScript 学习笔记（十一）; JS 对象介绍; javascript 哈希表(hashtable)的简单实现; jquery 防止表单重复提交代码; js parsefloat parseint 转换函数; javascript parseInt与Number函数的区别; JavaScript 学习笔记（十二） dom; JavaScript 学习笔记（十三）Dom创建表格; javascript 实现自由落体的方块效果; javascript 获取url参数和script标签中获取url参数函数代码; JAVASCRIPT style 中visibility和display之间的区别; javascript 拖放效果实现代码; jquery last-child 列表最后一项的样式; Jquery实战_读书笔记1—选择jQuery

No. « ‹ 279 280 281 282 › »

技术文章搜索

关键字

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

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

收藏到网摘: 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 中的超级经典一套鼠标控制左右滚动图片带自动翻滚