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 相关文章推荐
js的闭包的一个示例说明
Nov 18 Javascript
JS getStyle获取最终样式函数代码
Apr 01 Javascript
一个简单的jQuery插件ajaxfileupload.js实现ajax上传文件例子
Jun 26 Javascript
41个Web开发者必须收藏的JavaScript实用技巧
Jul 22 Javascript
原生JS实现图片轮播与淡入效果的简单实例
Aug 21 Javascript
基于Vuejs和Element的注册插件的编写方法
Jul 03 Javascript
js经验分享 JavaScript反调试技巧
Mar 10 Javascript
基于jQuery实现的设置文本区域的光标位置
Jun 15 jQuery
Angular PWA使用的Demo示例
Jan 31 Javascript
js简单的分页器插件代码实例
Sep 11 Javascript
微信小程序实现弹框效果
May 26 Javascript
如何在Vue中使localStorage具有响应式(思想实验)
Jul 14 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
一个目录遍历函数
2006/10/09 PHP
Php+SqlServer实现分页显示
2006/10/09 PHP
PHP备份/还原MySQL数据库的代码
2011/01/06 PHP
PHP将DateTime对象转化为友好时间显示的实现代码
2011/09/20 PHP
Composer设置忽略版本匹配的方法
2016/04/27 PHP
thinkphp 验证码 的使用小结
2017/05/07 PHP
Laravel 5.5基于内置的Auth模块实现前后台登陆详解
2017/12/21 PHP
IE与FireFox的兼容性问题分析
2007/04/22 Javascript
动态添加js事件实现代码
2009/03/12 Javascript
JS获取网页图片name属性的方法
2015/04/01 Javascript
JavaScript SHA512&amp;SHA256加密算法详解
2015/08/11 Javascript
js小数运算出现多位小数如何解决
2015/10/08 Javascript
nodejs制作爬虫实现批量下载图片
2017/05/19 NodeJs
详解Node.js access_token的获取、存储及更新
2017/06/20 Javascript
layui监听单元格编辑前后交互的例子
2019/09/16 Javascript
关于layui导航栏不展示下拉列表的解决方法
2019/09/25 Javascript
Angular+Ionic使用queryParams实现跳转页传值的方法
2020/09/05 Javascript
[49:35]LGD vs OG 2018国际邀请赛淘汰赛BO3 第二场 8.25
2018/08/29 DOTA
Python 实现数据库更新脚本的生成方法
2017/07/09 Python
Tornado 多进程实现分析详解
2018/01/12 Python
python判断计算机是否有网络连接的实例
2018/12/15 Python
python字典的遍历3种方法详解
2019/08/10 Python
keras获得某一层或者某层权重的输出实例
2020/01/24 Python
Python SMTP配置参数并发送邮件
2020/06/16 Python
如何将Pycharm中调整字体大小的方式设置为&quot;ctrl+鼠标滚轮上下滑&quot;
2020/11/17 Python
Python爬虫之Selenium实现关闭浏览器
2020/12/04 Python
美国台面电器和厨具品牌:KitchenAid
2019/04/12 全球购物
MYSQL相比于其他数据库有哪些特点
2013/07/19 面试题
用JAVA实现一种排序,JAVA类实现序列化的方法(二种)
2014/04/23 面试题
创业计划书的主要内容有哪些
2014/01/29 职场文书
个人安全生产责任书
2014/07/28 职场文书
党的作风建设心得体会
2014/10/22 职场文书
2016基督教会圣诞节开幕词
2016/03/04 职场文书
python字符串的多行输出的实例详解
2021/06/08 Python
python APScheduler执行定时任务介绍
2022/04/19 Python
MYSQL中文乱码问题的解决方案
2022/06/14 MySQL