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

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

Javascript: jquery 弹出层实现代码; jQuery 扩展对input的一些操作方法; 扩展jQuery 键盘事件的几个基本方法; Iframe 自适应高度并实时监控高度变化的js代码; CCPry JS类库代码; jquery text()要注意啦; json 入门基础教程推荐; json 实例详细说明教程; JavaScript中的JSON 中文版翻译; javascript GUID生成器实现代码; DOM 脚本编程中的兄弟节点; JavaScript Sort 表格排序; 提高网站性能之如何对待JavaScript; js 函数的执行环境和作用域链的深入解析; 键盘 keycode的值 javascript时触发事件时很有用的要素; cnblogs csdn 代码运行框实现代码; 简单实用的HTML到UBB转换脚本工具实现说明; Javascript结合css实现网页换肤功能; JQuery 网站换肤功能实现代码; JS OOP包机制,类创建的方法定义

No. « ‹ 269 270 271 272 › »

技术文章搜索

关键字

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

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

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