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

2019-11-20 11:23:34

字体：大中小

来源：转载

供稿：网友

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

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

运行效果截图如下：

在线演示地址如下：

http://demo.VeVB.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程序设计有所帮助。

上一篇：JavaScript多并发问题如何处理

下一篇：基于JavaScript如何实现私有成员的语法特征及私有成员的实现方式