AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

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

51自学网 http://www.wanshiok.com
JS,双击,屏幕滚动

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

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

运行效果截图如下:

在线演示地址如下:

http://demo.wanshiok.com/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,双击,屏幕滚动  
上一篇:JavaScript多并发问题如何处理  下一篇:基于JavaScript如何实现私有成员的语法特征及私有成员的实现方式