JS實(shí)現(xiàn)雙擊屏幕滾動(dòng)效果代碼
更新時(shí)間：2015年10月28日 10:54:47 作者：企鵝
這篇文章主要介紹了JS實(shí)現(xiàn)雙擊屏幕滾動(dòng)效果代碼,涉及JavaScript鼠標(biāo)事件的響應(yīng)及頁面元素屬性的動(dòng)態(tài)變換技巧,需要的朋友可以參考下
本文實(shí)例講述了JS實(shí)現(xiàn)雙擊屏幕滾動(dòng)效果代碼。分享給大家供大家參考，具體如下：
這里演示雙擊滾屏效果代碼的實(shí)現(xiàn)方法，不知道有覺得有用處的沒，現(xiàn)在網(wǎng)上還有很多還在用這個(gè)特效的呢，代碼分享給大家吧。
運(yùn)行效果截圖如下：
在線演示地址如下：
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">請(qǐng)雙擊</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>
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- js實(shí)現(xiàn)隨屏幕滾動(dòng)的帶緩沖效果的右下角廣告代碼
- JS實(shí)現(xiàn)的N多簡單無縫滾動(dòng)代碼(包含圖文效果)
- JS實(shí)現(xiàn)的新浪微博大廳文字內(nèi)容滾動(dòng)效果代碼
- JS實(shí)現(xiàn)網(wǎng)頁上隨滾動(dòng)條滾動(dòng)的層效果代碼
- JS實(shí)現(xiàn)的頁面自定義滾動(dòng)條效果
- js+div實(shí)現(xiàn)文字滾動(dòng)和圖片切換效果代碼
- js控制多圖左右滾動(dòng)切換效果代碼分享
- js代碼實(shí)現(xiàn)無縫滾動(dòng)(文字和圖片)
- js實(shí)現(xiàn)Select列表內(nèi)容自動(dòng)滾動(dòng)效果代碼
- 原生js實(shí)現(xiàn)模擬滾動(dòng)條
- JS實(shí)現(xiàn)兼容性較好的隨屏滾動(dòng)效果
相關(guān)文章
這篇文章主要介紹了微信小程序中吸底按鈕適配iPhone X方案,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-11-11
JS實(shí)現(xiàn)頁面跳轉(zhuǎn)與刷新的方法匯總
這篇文章主要給大家介紹了關(guān)于JS實(shí)現(xiàn)頁面跳轉(zhuǎn)與刷新的方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用JS具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
js 關(guān)鍵詞高亮(根據(jù)ID/tag高亮關(guān)鍵字)案例介紹
關(guān)鍵詞高亮在開發(fā)中會(huì)帶來很多的方便，關(guān)鍵詞高亮包括:根據(jù)ID高亮關(guān)鍵字/根據(jù)Tag名高亮關(guān)鍵字等等，感興趣的朋友可以了解下，希望本文對(duì)你有所幫助2013-01-01
JavaScript 防抖和節(jié)流遇見的奇怪問題及解決
這篇文章主要介紹了JavaScript 防抖和節(jié)流遇見的奇怪問題及解決，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下2020-11-11
原生javascript兼容性：currentStyle、scrollTop、event以及綁定事件IE的綁定事件為attachEvent/detachEvent等等兼容性測試實(shí)例,感興趣的朋友可以參考下哈2013-07-07
這篇文章主要介紹了簡單了解JavaScript中的執(zhí)行上下文和堆棧，你應(yīng)該對(duì)解釋器了解得更清楚：為什么在聲明它們之前可以使用某些函數(shù)或變量？以及它們的值是如何確定的？,需要的朋友可以參考下2019-06-06
小程序可以通過微信官方提供的登錄方法方便地獲取微信提供的用戶身份標(biāo)識(shí),進(jìn)而開發(fā)者可以進(jìn)行下一步操作,下面這篇文章主要給大家介紹了關(guān)于微信小程序開發(fā)之獲取用戶信息的兩種方法,需要的朋友可以參考下2022-03-03
這篇文章主要為大家詳細(xì)介紹了用JS實(shí)現(xiàn)貪吃蛇小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-01-01
javascript實(shí)現(xiàn)計(jì)時(shí)器的簡單方法
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)計(jì)時(shí)器的簡單方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-02-02
JavaScript中的FileReader圖片預(yù)覽上傳功能實(shí)現(xiàn)代碼
本文通過實(shí)例代碼給大家介紹了js中的FileReader圖片預(yù)覽上傳功能，代碼分為html和js代碼兩部分，具體實(shí)現(xiàn)代碼大家參考下本文2017-07-07