JS实现双击屏幕滚动效果代码
2015-10-28 00:00
751 查看
本文实例讲述了JS实现双击屏幕滚动效果代码。分享给大家供大家参考,具体如下:
这里演示双击滚屏效果代码的实现方法,不知道有觉得有用处的没,现在网上还有很多还在用这个特效的呢,代码分享给大家吧。
运行效果截图如下:
在线演示地址如下:
http://demo.jb51.net/js/2015/js-db-click-src-scroll-style-codes/
具体代码如下:
<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多并发问题如何处理
- 开启Javascript中apply、call、bind的用法之旅模式
- 使用CoffeeScrip优美方式编写javascript代码
- JSON实例
- JS模板引擎 :ArtTemplate (2)
- js控制html中ul列表li点击可以编辑
- javascript图片轮播之gallery.js
- package.json 字段全解析
- 利用__proto__ 实现继承
- class.js
- 使用QUnit对javascript进行单元测试
- 如何抓取Js动态生成html的页面?
- Newtonsoft.Json高级用法
- JavaScript高级程序设计之DOM之节点层次之Document类型第10.1.2讲
- [置顶] JavaScript 内置对象解读
- 常用正则表达式
- angular js开发的理论和实际开发
- jsp显示的查询数据,有换行的实现方法
- Javascript设计模式理论与实战:单例模式
- web前端之JavaScript的变量和数据类型