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 相关文章推荐
HTML代码中标签的全部属性 中文注释说明
Mar 26 Javascript
javascript 读取XML数据,在页面中展现、编辑、保存的实现
Oct 27 Javascript
node.js使用npm 安装插件时提示install Error: ENOENT报错的解决方法
Nov 20 Javascript
vue图片加载与显示默认图片实例代码
Mar 16 Javascript
JS判断非空至少输入两个字符的简单实现方法
Jun 23 Javascript
vue-cli项目中使用公用的提示弹层tips或加载loading组件实例详解
May 28 Javascript
详解使用 Node.js 开发简单的脚手架工具
Jun 08 Javascript
详解vue axios二次封装
Jul 22 Javascript
JavaScript之解构赋值的理解
Jan 30 Javascript
vue实现鼠标移入移出事件代码实例
Mar 27 Javascript
js实现内置计时器
Dec 16 Javascript
JavaScript架构localStorage特殊场景下二次封装操作
Jun 21 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
Phpbean路由转发的php代码
2008/01/10 PHP
用PHP将网址字符串转换成超链接(网址或email)
2010/05/25 PHP
Yii 2.0自带的验证码使用经验分享
2017/06/19 PHP
PHP中str_split()函数的用法讲解
2019/04/11 PHP
PHP操作Redis常用命令的实例详解
2020/12/23 PHP
iframe的onload在Chrome/Opera中执行两次Bug的解决方法
2011/03/17 Javascript
js字符编码函数区别分析
2011/12/28 Javascript
JavaScript1.6数组新特性介绍以及JQuery的几个工具方法
2013/12/06 Javascript
点击表单提交时出现jQuery没有权限的解决方法
2014/07/23 Javascript
javascript 构造函数方式定义对象
2015/01/02 Javascript
jQuery使用Selectator插件实现多选下拉列表过滤框(附源码下载)
2016/04/08 Javascript
Vuejs第十一篇组件之slot内容分发实例详解
2016/09/09 Javascript
深入学习js瀑布流布局
2016/10/14 Javascript
浅谈JavaScript的函数及作用域
2016/12/30 Javascript
Node.js安装配置图文教程
2017/05/10 Javascript
Angular.js自动化测试之protractor详解
2017/07/07 Javascript
微信小程序实现多宫格抽奖活动
2020/04/15 Javascript
元素全屏的设置与监听实例
2017/11/28 Javascript
JavaScript链式调用原理与实现方法详解
2020/05/16 Javascript
解决vue net :ERR_CONNECTION_REFUSED报错问题
2020/08/13 Javascript
Python AES加密实例解析
2018/01/18 Python
WIn10+Anaconda环境下安装PyTorch(避坑指南)
2019/01/30 Python
selenium python 实现基本自动化测试的示例代码
2019/02/25 Python
详解python模块pychartdir安装及导入问题
2020/10/22 Python
python 解决Windows平台上路径有空格的问题
2020/11/10 Python
Python3 + Appium + 安卓模拟器实现APP自动化测试并生成测试报告
2021/01/27 Python
CSS3+Sprite实现僵尸行走动画特效源码
2016/01/27 HTML / CSS
施华洛世奇水晶荷兰官方网站:SWAROVSKI荷兰
2017/05/12 全球购物
应届生.NET方向面试题
2015/05/23 面试题
应届本科生推荐信范文
2013/12/25 职场文书
党员思想汇报范文
2013/12/30 职场文书
小学生考试获奖感言
2014/01/30 职场文书
财务总经理岗位职责
2014/02/16 职场文书
学校食堂标语
2014/10/06 职场文书
2014年干部作风建设总结
2014/10/23 职场文书
Java基础之this关键字的使用
2021/06/30 Java/Android