亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

JS實現(xiàn)雙擊屏幕滾動效果代碼

 更新時間:2015年10月28日 10:54:47   作者:企鵝  
這篇文章主要介紹了JS實現(xiàn)雙擊屏幕滾動效果代碼,涉及JavaScript鼠標(biāo)事件的響應(yīng)及頁面元素屬性的動態(tài)變換技巧,需要的朋友可以參考下

本文實例講述了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)緩存算法的示例(FIFO/LRU)

    JS 實現(xiàn)緩存算法的示例(FIFO/LRU)

    這篇文章主要介紹了JS 實現(xiàn)緩存算法的示例(FIFO/LRU),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-03-03
  • D3.js實現(xiàn)柱狀圖的方法詳解

    D3.js實現(xiàn)柱狀圖的方法詳解

    相信大家都知道數(shù)據(jù)可視化就是借助圖形化的手段把生硬的數(shù)據(jù)生動化,以此來展示出數(shù)據(jù)想要表達(dá)的信息,而圖表是最通常的一種數(shù)據(jù)可視化手段??扇孔约杭兪謩泳帉懜鞣N圖表實在是讓人頭疼,各種計算各種煩?,F(xiàn)在就為大家介紹如何用D3.js來實現(xiàn)柱狀圖。
    2016-09-09
  • 利用js實現(xiàn)Vue2.0中數(shù)據(jù)的雙向綁定功能

    利用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-07
  • window.addeventjs事件驅(qū)動函數(shù)集合addEvent等

    window.addeventjs事件驅(qū)動函數(shù)集合addEvent等

    addEvent()、removeEvent()、handleEvent()、fixEvent()[
    2008-02-02
  • 前臺js對象在后臺轉(zhuǎn)化java對象的問題探討

    前臺js對象在后臺轉(zhuǎn)化java對象的問題探討

    在開發(fā)項目中多次遇到前臺js對象在后臺轉(zhuǎn)化java對象的問題,下面就為大家介紹下前臺js對象轉(zhuǎn)后臺java對象,感興趣的朋友可以了解下
    2013-12-12
  • JS前端知識點 運算符優(yōu)先級,URL編碼與解碼,String,Math,arguments操作整理總結(jié)

    JS前端知識點 運算符優(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-06
  • lazyload.js詳解(推薦)

    lazyload.js詳解(推薦)

    lazyload.js用于長頁面圖片的延遲加載,視口外的圖片會在窗口滾動到它的位置時再進(jìn)行加載,這是與預(yù)加載相反的,這篇文章主要介紹了lazyload.js詳解,需要的朋友可以參考下
    2022-09-09
  • JS中g(shù)etElementsByClassName與classList兼容性問題解決方案分析

    JS中g(shù)etElementsByClassName與classList兼容性問題解決方案分析

    這篇文章主要介紹了JS中g(shù)etElementsByClassName與classList兼容性問題解決方案,結(jié)合實例形式分析了getElementsByClassName與classList的使用方法、原理及兼容性問題的處理技巧,需要的朋友可以參考下
    2019-08-08
  • 學(xué)習(xí)并匯集javascript匿名函數(shù)

    學(xué)習(xí)并匯集javascript匿名函數(shù)

    接觸jQuery很長時間了,對其的實現(xiàn)有太多疑問,可謂只知道皮毛,對其的精髓一竅不通,可悲啊!所以有必要研究下其中的原理。
    2010-11-11
  • 詳解JavaScript 中的批處理和緩存

    詳解JavaScript 中的批處理和緩存

    這篇文章主要介紹了詳解JavaScript 中的批處理和緩存,幫助大家完成需求,更好的理解和使用JavaScript,感興趣的朋友可以了解下
    2020-11-11

最新評論