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使用prototype定义对象类型(转)[
Dec 22 Javascript
js下用gb2312编码解码实现方法
Dec 31 Javascript
关于setInterval、setTimeout在jQuery中的使用注意事项
Sep 28 Javascript
JQuery实现倒计时按钮具体方法
Nov 14 Javascript
基于Bootstrap+jQuery.validate实现Form表单验证
Dec 16 Javascript
微信小程序之ES6与事项助手的功能实现
Nov 30 Javascript
快速实现JS图片懒加载(可视区域加载)示例代码
Jan 04 Javascript
JS 实现百度搜索功能
Feb 01 Javascript
vue获取当前激活路由的方法
Mar 17 Javascript
Vue实现内部组件轮播切换效果的示例代码
Apr 07 Javascript
解决layer.prompt无效的问题
Sep 24 Javascript
JS实现悬浮球只在一侧滑动并且是横屏状态下
Aug 19 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
一些操作和快捷键的理解和讨论
2020/03/04 星际争霸
PHP中call_user_func_array()函数的用法演示
2012/02/05 PHP
shell脚本作为保证PHP脚本不挂掉的守护进程实例分享
2013/07/15 PHP
php获取qq用户昵称和在线状态(实例分析)
2013/10/27 PHP
PHP动态输出JavaScript代码实例
2015/02/12 PHP
gridpanel动态加载数据的实例代码
2013/07/18 Javascript
关闭时刷新父窗口两种方法
2014/05/07 Javascript
浅谈javascript中this在事件中的应用
2015/02/15 Javascript
基于javascript数组实现图片轮播
2016/05/02 Javascript
JavaScript暂停和继续定时器的实现方法
2016/07/18 Javascript
JavaScript中Number对象的toFixed() 方法详解
2016/09/02 Javascript
Bootstrap实现的标签页内容切换显示效果示例
2017/05/25 Javascript
vue组件开发之用户无限添加自定义填写表单的方法
2018/08/28 Javascript
解决vue-cli项目webpack打包后iconfont文件路径的问题
2018/09/01 Javascript
Vue安装浏览器开发工具的步骤详解
2019/05/12 Javascript
vuex入门最详细整理
2020/03/04 Javascript
使用vue实现通过变量动态拼接url
2020/07/22 Javascript
JS实现放大镜效果
2020/09/21 Javascript
Python ValueError: invalid literal for int() with base 10 实用解决方法
2015/06/21 Python
使用FastCGI部署Python的Django应用的教程
2015/07/22 Python
Anaconda 离线安装 python 包的操作方法
2018/06/11 Python
对python多线程中互斥锁Threading.Lock的简单应用详解
2019/01/11 Python
python并发编程多进程 互斥锁原理解析
2019/08/20 Python
Python创建一个元素都为0的列表实例
2019/11/28 Python
pytorch中nn.Conv1d的用法详解
2019/12/31 Python
Python拼接字符串的7种方式详解
2020/03/19 Python
基于canvas的骨骼动画的示例代码
2018/06/12 HTML / CSS
Mankind西班牙男士护肤品网站:购买皮肤护理、护发和剃须
2017/04/27 全球购物
波兰家具和室内装饰品购物网站:Vivre
2018/04/10 全球购物
成品仓管员岗位职责
2013/12/11 职场文书
小学生家长评语大全
2014/02/10 职场文书
自主招生自荐信格式
2015/03/04 职场文书
冬季作息时间调整通知
2015/04/24 职场文书
违纪开除通知书
2015/04/25 职场文书
导游词之无锡梅园
2019/11/28 职场文书
css3中transform属性实现的4种功能
2021/08/07 HTML / CSS