本文實例講述了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程序設計有所幫助。