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

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

Javascript: javascript js cookie的存储,获取和删除; 得到元素真实的背景颜色的js代码; js获取url参数的使用扩展实例; javascript 屏蔽鼠标键盘的几段代码; 兼容IE FF Opera的javascript最短的拖动代码; 创建一个复制UBB软件信息的链接或按钮的js代码; js实现iframe动态调整高度的代码; 浏览器无法运行JAVA脚本的解决方法; js让弹出新窗口居中显示的脚本; js常见表单应用技巧; javascript 点击整页变灰的效果（可做退出效果）。; 制作符合用户体验的漂亮的input输入框; img的onload的另类用法; 解读IE和firefox下JScript和HREF的执行顺序; 用javascrpt将指定网页保存为Excel的代码; 语义化 H1 标签; JavaScript中Math对象使用说明; JavaScipt基本教程之前言; JavaScipt基本教程之JavaScript语言的基础; JavaScipt对象的基本知识

No. « ‹ 90 91 92 93 › »

技术文章搜索

关键字

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

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

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