JS實現(xiàn)雙擊屏幕滾動效果代碼
本文實例講述了JS實現(xiàn)雙擊屏幕滾動效果代碼。分享給大家供大家參考,具體如下:
這里演示雙擊滾屏效果代碼的實現(xiàn)方法,不知道有覺得有用處的沒,現(xiàn)在網(wǎng)上還有很多還在用這個特效的呢,代碼分享給大家吧。
運行效果截圖如下:
在線演示地址如下:
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程序設(shè)計有所幫助。
相關(guān)文章
利用js實現(xiàn)Vue2.0中數(shù)據(jù)的雙向綁定功能
vue數(shù)據(jù)雙向綁定是通過數(shù)據(jù)劫持結(jié)合發(fā)布者-訂閱者模式的方式來實現(xiàn)的,下面這篇文章主要給大家介紹了關(guān)于如何利用js實現(xiàn)Vue2.0中數(shù)據(jù)的雙向綁定功能的相關(guān)資料,需要的朋友可以參考下2021-07-07window.addeventjs事件驅(qū)動函數(shù)集合addEvent等
addEvent()、removeEvent()、handleEvent()、fixEvent()[2008-02-02JS前端知識點 運算符優(yōu)先級,URL編碼與解碼,String,Math,arguments操作整理總結(jié)
這篇文章主要介紹了JS前端知識點 運算符優(yōu)先級,URL編碼與解碼,String,Math,arguments操作,結(jié)合實例形式整理總結(jié)了javascript運算符優(yōu)先級,URL編碼與解碼,String,Math,arguments操作原理及使用技巧,需要的朋友可以參考下2019-06-06JS中g(shù)etElementsByClassName與classList兼容性問題解決方案分析
這篇文章主要介紹了JS中g(shù)etElementsByClassName與classList兼容性問題解決方案,結(jié)合實例形式分析了getElementsByClassName與classList的使用方法、原理及兼容性問題的處理技巧,需要的朋友可以參考下2019-08-08學(xué)習(xí)并匯集javascript匿名函數(shù)
接觸jQuery很長時間了,對其的實現(xiàn)有太多疑問,可謂只知道皮毛,對其的精髓一竅不通,可悲啊!所以有必要研究下其中的原理。2010-11-11