国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JavaScript鼠標(biāo)特效大全

2019-11-20 09:00:42
字體:
供稿:網(wǎng)友

本文實(shí)例為大家分享了js鼠標(biāo)特效實(shí)例代碼,供大家參考,具體內(nèi)容如下

實(shí)例一:禁用鼠標(biāo)右鍵

<script type="text/javascript">      //為文檔的鼠標(biāo)按下事件定義回調(diào)      document.onmousedown = function(event){        //判斷事件的值是否為鼠標(biāo)右鍵        if (event.button == 2){          alert('禁用鼠標(biāo)右鍵!');  //提示用戶禁用鼠標(biāo)右鍵        }      }    </script>

0 沒按鍵
1 按左鍵
2 按右鍵
3 按左鍵和右鍵
4 按中間鍵
5 按左鍵和中間鍵
6 按右鍵和中間鍵
7 按所有的鍵 

實(shí)例二:動(dòng)態(tài)定義鼠標(biāo)指針形狀

<script type="text/javascript">      //初始化鼠標(biāo)形狀      function initMouse(){        //通過標(biāo)簽名得到目標(biāo)DOM,如果是全網(wǎng)頁則這里可以用body        var pDom = document.getElementsByTagName("p")[0];        //修改樣式的鼠標(biāo)指針形狀,pointer為手的形狀        pDom.style.cursor = 'pointer';      }          </script>

名稱                   屬性代碼                
默認(rèn)箭頭樣式           cursor:default
手型                   cursor: pointer   
手型                   cursor:hand   
移動(dòng)十字箭頭           cursor: move  
幫助問號(hào)               cursor: help
十字準(zhǔn)心                 cursor:crosshair  
文字/編輯                cursor: text  
無法釋放(禁用)             cursor:no-drop
禁用                   cursor:not-allowed
自動(dòng)                   cursor:auto   
處理中              cursor: progress  
向上改變大小           cursor: n-resize  
向下改變大小           cursor: s-resize  
向左改變大小           cursor: w-resize  
向右改變大小           cursor: e-resize  
向上左改變大小          cursor: nw-resize 
向下左改變大小          cursor: sw-resize 
向上右改變大小          cursor: ne-resize 
向下右改變大小          cursor: se-resize 

 實(shí)例三:鼠標(biāo)進(jìn)出時(shí)字體大小變化

<script type="text/javascript">  //鼠標(biāo)指針移進(jìn)  function mOver(pDOM){    pDOM.style.fontSize = '20px';  //調(diào)整字體大小為20個(gè)像素  }    //鼠標(biāo)指針移出  function mOut(pDOM){    pDOM.style.fontSize = '';    //調(diào)整字體大小樣式為默認(rèn)  }</script><!-- 定義一塊區(qū)域 -->    <p style="margin:5px auto; width:100px; height:100px; border:1px solid black;"       onmouseover="mOver(this);" onmouseout="mOut(this);">      把鼠標(biāo)移動(dòng)到該區(qū)域    </p>

實(shí)例四:

<script type="text/javascript">      var nowPos;         //當(dāng)前的位置      var myTimer;          //定時(shí)器變量      function startIt(){       //開始函數(shù)        //開始定時(shí)器,以10毫秒為單位        myTimer = window.setInterval("scrollPage()",10);      }      //停止函數(shù)      function stopIt(){        //取消定時(shí)器        clearInterval(myTimer);      }      //滾動(dòng)屏幕的函數(shù)      function scrollPage(){        window.scrollBy(0,1);  //以一個(gè)像素為單位開始滾屏      }      document.onmousedown = stopIt; //監(jiān)聽單擊事件      document.ondblclick = startIt;   //監(jiān)聽雙擊事件</script>

實(shí)例五:鼠標(biāo)放上鏈接出現(xiàn)不同的顏色

<script type="text/javascript">       //定義鏈接的mouseover事件  function defineLinkColor(){    //獲得網(wǎng)頁里所有的鏈接的DOM    var linkDOMs = document.getElementsByTagName("a");    //遍歷所有的鏈接DOM    for(var i=0; i<linkDOMs.length; i++){      //為每一個(gè)鏈接的mouseover定義事件回調(diào)      linkDOMs[i].onmouseover = function(){        this.style.color = 'red'; //為當(dāng)前的鏈接改變顏色樣式      }      linkDOMs[i].onmouseout = function(){        this.style.color = '';   //恢復(fù)默認(rèn)      }    }  }</script>

實(shí)例六:讓鼠標(biāo)滑輪失效

<script type="text/javascript">     function init(){    //重新定義document的滑輪滑動(dòng)的事件回調(diào)函數(shù)    document.onmousewheel = function(){      alert('禁止使用滑輪');  //提示用戶不可以用滑輪      return false;      //返回false,什么也不操作(這句不能少,否則還是會(huì)滾動(dòng))    };  }</script>

以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持武林網(wǎng)。

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 永吉县| 慈利县| 禹城市| 吉首市| 彭水| 巢湖市| 娄烦县| 大洼县| 枣庄市| 日照市| 沅陵县| 茌平县| 容城县| 合阳县| 会同县| 定边县| 齐河县| 鄂伦春自治旗| 都昌县| 逊克县| 泸定县| 大石桥市| 旺苍县| 化德县| 德清县| 湘阴县| 河池市| 莫力| 和静县| 隆子县| 湛江市| 潮安县| 明水县| 梧州市| 太保市| 宣城市| 沂源县| 昌平区| 历史| 衡阳市| 吴川市|