本文實例講述了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程序設計有所幫助。
新聞熱點
疑難解答