JS实现双击屏幕滚动效果代码


Posted in Javascript onOctober 28, 2015

本文实例讲述了JS实现双击屏幕滚动效果代码。分享给大家供大家参考,具体如下:

这里演示双击滚屏效果代码的实现方法,不知道有觉得有用处的没,现在网上还有很多还在用这个特效的呢,代码分享给大家吧。

运行效果截图如下:

JS实现双击屏幕滚动效果代码

在线演示地址如下:

具体代码如下:

<html>
<SCRIPT language=JavaScript> 
var currentpos,timer; 
function initialize() 
{ 
timer=setInterval("scrollwindow()",10); 
} 
function sc(){ 
clearInterval(timer); 
} 
function scrollwindow() 
{ 
currentpos=document.body.scrollTop; 
window.scroll(0,++currentpos); 
if (currentpos != document.body.scrollTop) 
sc(); 
} 
document.onmousedown=sc 
document.ondblclick=initialize 
</script>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>双击滚屏</title>
<style> 
<!--
body { color: #FFFFFF; font-family: Verdana; font-size: 9pt }
-->
</style>
</head>
<body bgcolor="#0496DC">
<p align="center">请双击</p>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
<p>7</p>
<p>8</p>
<p>9</p>
<p>10</p>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
<p>7</p>
<p>8</p>
<p>9</p>
<p>10</p>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
<p>7</p>
<p>8</p>
<p>9</p>
<p>10</p>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
<p>7</p>
<p>8</p>
<p>9</p>
<p>10</p>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
<p>7</p>
<p>8</p>
<p>9</p>
<p>10</p>
</body>
</html>

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
jQuery each()小议
Mar 18 Javascript
jquery parent和parents的区别分析
Oct 02 Javascript
基于jQuery通过jQuery.form.js插件实现异步上传
Dec 13 Javascript
基于JavaScript将表单序列化类型的数据转化成对象的处理(允许对象中包含对象)
Dec 28 Javascript
jquery正则表达式验证(手机号、身份证号、中文名称)
Dec 31 Javascript
BootStrap学习系列之布局组件(下拉,按钮组[toolbar],上拉)
Jan 03 Javascript
使用jQuery实现页面定时弹出广告效果
Aug 24 jQuery
Vue-cli项目获取本地json文件数据的实例
Mar 07 Javascript
详解Nuxt.js部署及踩过的坑
Aug 07 Javascript
在 Angular-cli 中使用 simple-mock 实现前端开发 API Mock 接口数据模拟功能的方法
Nov 28 Javascript
BootStrap模态框闪退问题实例代码详解
Dec 10 Javascript
node基于async/await对mysql进行封装
Jun 20 Javascript
基于JavaScript如何实现私有成员的语法特征及私有成员的实现方式
Oct 28 #Javascript
jQuery实现滑动页面固定顶部显示(可根据显示位置消失与替换)
Oct 28 #Javascript
jquery实现的动态回到顶部特效代码
Oct 28 #Javascript
JavaScript如何调试有哪些建议和技巧附五款有用的调试工具
Oct 28 #Javascript
jQuery实现鼠标滑过链接控制图片的滑动展开与隐藏效果
Oct 28 #Javascript
使用Chart.js图表库制作漂亮的响应式表单
Oct 28 #Javascript
jQuery+PHP+MySQL二级联动下拉菜单实例讲解
Oct 27 #Javascript
You might like
How do I change MySQL timezone?
2008/03/26 PHP
javascript数组与php数组的地址传递及值传递用法实例
2015/01/22 PHP
使用PHPWord生成word文档的方法详解
2019/06/06 PHP
javascript 打印内容方法小结
2009/11/04 Javascript
jquery isEmptyObject判断是否为空对象的函数
2011/02/14 Javascript
关于extjs4如何获取grid修改后的数据的问题
2013/08/07 Javascript
javascript中数组方法汇总
2015/07/07 Javascript
js无法获取到html标签的属性的解决方法
2016/07/26 Javascript
关于JS中的方法是否加括号的问题
2016/07/27 Javascript
JS判断指定dom元素是否在屏幕内的方法实例
2017/01/23 Javascript
用node和express连接mysql实现登录注册的实现代码
2017/07/05 Javascript
Vue 兄弟组件通信的方法(不使用Vuex)
2017/10/26 Javascript
nodejs实现OAuth2.0授权服务认证
2017/12/27 NodeJs
vue以组件或者插件的形式实现throttle或者debounce
2019/05/22 Javascript
vue中是怎样监听数组变化的
2020/10/24 Javascript
[01:20:37]FNATIC vs NIP 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
Python pickle类库介绍(对象序列化和反序列化)
2014/11/21 Python
Python使用 Beanstalkd 做异步任务处理的方法
2018/04/24 Python
pycharm下查看python的变量类型和变量内容的方法
2018/06/26 Python
详解Django的CSRF认证实现
2018/10/09 Python
Python文件常见操作实例分析【读写、遍历】
2018/12/10 Python
Python面向对象之类的内置attr属性示例
2018/12/14 Python
对python中xlsx,csv以及json文件的相互转化方法详解
2018/12/25 Python
python创建子类的方法分析
2019/11/28 Python
详解scrapy内置中间件的顺序
2020/09/28 Python
Canvas绘制浮动球效果的示例
2017/12/29 HTML / CSS
Myprotein台湾官方网站:全球领先的运动营养品牌
2018/12/10 全球购物
怎样声明接口
2014/09/19 面试题
静态变量和实例变量的区别
2015/07/07 面试题
shell程序如何生命变量?shell变量是弱变量吗?
2014/11/10 面试题
写给女生的道歉信
2014/01/14 职场文书
商场中秋节活动方案
2014/02/07 职场文书
信用卡结清证明怎么写
2014/09/13 职场文书
不尊敬老师检讨书范文
2014/11/19 职场文书
2015年超市收银员工作总结
2015/04/25 职场文书
大学考试作弊检讨书
2015/05/06 职场文书