本文实例讲述了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程序设计有所帮助。
您可能感兴趣的文章:
- js实现随屏幕滚动的带缓冲效果的右下角广告代码
- JS实现的N多简单无缝滚动代码(包含图文效果)
- JS实现的新浪微博大厅文字内容滚动效果代码
- JS实现网页上随滚动条滚动的层效果代码
- JS实现的页面自定义滚动条效果
- js+div实现文字滚动和图片切换效果代码
- js控制多图左右滚动切换效果代码分享
- js代码实现无缝滚动(文字和图片)
- js实现Select列表内容自动滚动效果代码
- 原生js实现模拟滚动条
- JS实现兼容性较好的随屏滚动效果