JS不间断向上滚动效果代码


Posted in Javascript onDecember 25, 2013
<div id=demo style=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff><div id=demo1><img src="http://www.lanrentuku.com/down/js/images/12460764740.jpg"><img src="http://www.lanrentuku.com/down/js/images/12460764741.jpg"><img src="http://www.lanrentuku.com/down/js/images/12460764742.jpg"><img src="http://www.lanrentuku.com/down/js/images/12460764743.jpg"><img src="http://www.lanrentuku.com/down/js/images/12460764744.jpg"></div> 
<div id=demo2></div> 
</div> 
<script> 
var speed=50 
demo2.innerHTML=demo1.innerHTML 
function Marquee(){ 
if(demo2.offsetTop-demo.scrollTop<=0) 
demo.scrollTop-=demo1.offsetHeight 
else{ 
demo.scrollTop++ 
} 
} 
var MyMar=setInterval(Marquee,speed) 
demo.onmouseover=function() {clearInterval(MyMar)} 
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} 
</script> 
<p><a href="https://3water.com/jiaoben/" target="_blank">三水点靠木</a></p>
Javascript 相关文章推荐
javascript数组组合成字符串的脚本
Jan 06 Javascript
jQuery EasyUI API 中文文档 - ProgressBar 进度条
Sep 29 Javascript
解析jquery获取父窗口的元素
Jun 26 Javascript
用JS将搜索的关键字高亮显示实现代码
Nov 08 Javascript
js禁止页面刷新与后退的方法
Jun 08 Javascript
基于JavaScript实现移动端点击图片查看大图点击大图隐藏
Nov 04 Javascript
JavaScript驾驭网页-CSS与DOM
Mar 24 Javascript
基于jQuery实现的查看全文功能【实用】
Dec 11 Javascript
Js apply方法详解
Feb 16 Javascript
基于Node.js的WebSocket通信实现
Mar 11 Javascript
令按钮悬浮在(手机)页面底部的实现方法
May 02 Javascript
vue键盘事件点击事件加native操作
Jul 27 Javascript
js中同步与异步处理的方法和区别总结
Dec 25 #Javascript
在javascript中实现函数数组的方法
Dec 25 #Javascript
js 时间格式与时间戳的相互转换示例代码
Dec 25 #Javascript
js中for in的用法示例解析
Dec 25 #Javascript
在javascript中执行任意html代码的方法示例解读
Dec 25 #Javascript
jquery easyui combox一些实用的小方法
Dec 25 #Javascript
关闭浏览器时提示onbeforeunload事件
Dec 25 #Javascript
You might like
ThinkPHP3.2.2的插件控制器功能简述
2014/07/09 PHP
PHP以mysqli方式连接类完整代码实例
2014/07/15 PHP
ThinkPHP 404页面的设置方法
2015/01/14 PHP
PHP中的一些常用函数收集
2015/05/26 PHP
jQuery实现鼠标滑过遮罩并高亮显示效果
2013/07/16 Javascript
通过一段代码简单说js中的this的使用
2013/07/23 Javascript
js中回调函数的学习笔记
2014/07/31 Javascript
JS实现鼠标点击展开或隐藏表格行的方法
2015/03/03 Javascript
jQuery的选择器中的通配符[id^='code']或[name^='code']及jquery选择器总结
2015/12/24 Javascript
js Canvas实现圆形时钟教程
2016/09/19 Javascript
快速理解 JavaScript 中的 LHS 和 RHS 查询的用法
2017/08/24 Javascript
使用 Javascript 实现浏览器推送提醒功能的示例
2017/11/03 Javascript
vue实现微信分享朋友圈,发送朋友的示例讲解
2018/02/10 Javascript
jquery+css3实现熊猫tv导航代码分享
2018/02/12 jQuery
Element-UI Table组件上添加列拖拽效果实现方法
2018/04/14 Javascript
微信小程序canvas绘制圆角base64图片的实现
2019/08/18 Javascript
Vue学习之axios的使用方法实例分析
2020/01/06 Javascript
详解ES6实现类的私有变量的几种写法
2021/02/10 Javascript
Python多线程同步Lock、RLock、Semaphore、Event实例
2014/11/21 Python
Python实现利用最大公约数求三个正整数的最小公倍数示例
2017/09/30 Python
python 3.5实现检测路由器流量并写入txt的方法实例
2017/12/17 Python
Python 数据处理库 pandas进阶教程
2018/04/21 Python
python实现名片管理系统项目
2019/04/26 Python
python代码打印100-999之间的回文数示例
2019/11/24 Python
使用pygame写一个古诗词填空通关游戏
2019/12/03 Python
Python图像处理库PIL的ImageGrab模块介绍详解
2020/02/26 Python
Python3交互式shell ipython3安装及使用详解
2020/07/11 Python
python使用yaml 管理selenium元素的示例
2020/12/01 Python
Python 爬虫批量爬取网页图片保存到本地的实现代码
2020/12/24 Python
使用html5实现表格实现标题合并的实例代码
2019/05/13 HTML / CSS
运动鞋中的劳斯莱斯:索康尼(SAUCONY)
2017/08/09 全球购物
UNIX文件系统常用命令
2012/05/25 面试题
车辆工程专业求职信
2014/06/14 职场文书
基层党支部整改方案
2014/10/25 职场文书
2014年挂职干部工作总结
2014/12/06 职场文书
让子弹飞观后感
2015/06/11 职场文书