當前位置:軟件學堂 > 資訊首頁 > 網絡編程 > 編程其他 > JS代碼使鼠標滾輪失效

JS代碼使鼠標滾輪失效

2012/10/23 12:22:45作者:佚名來源:網絡

移動端

【實例名稱】

使鼠標滾輪失效

【實例描述】

 當頁面內容太多時,可以通過鼠標滾輪實現翻頁效果。但有些讀書網站提供頁面自動滾屏的功能,此時可使鼠標的滾輪失效,讓用戶充分體驗網站提供的功能。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>標題頁</title> <script language="javascript"> function document.onmousewheel()  //滾輪事件重新定義 {  return false;                    //返回false表示什么都不操作 } </script> </head> <body>     <table style="width: 300px">         <tr>             <td>                 阿</td>             <td>                 不</td>             <td>                 才</td>         </tr>         <tr>             <td>                 的</td>             <td>                 惡</td>             <td>                 發</td>         </tr>         <tr>             <td>                 的</td>             <td>                 發</td>             <td>                 的</td>         </tr>     </table> </body> </html>

【運行效果】

運行效果

【難點剖析】

本例在頁而中添加了一個表格,可將窗口縮小,以出現滾動條效果。當出現滾動條時.滑動鼠標的滾輪,測試此操作是否能夠成功。代碼重寫了“document.onmousewheel”方法,若返回false值則表示不執行任何鼠標滾動的操作。

【源碼下載】

本實例JS代碼下載

 

標簽: JS代碼  鼠標    

欧美一级一极性活片免费观看,欧美一级艳片欧美精品,欧美一级性爱大片,欧美一级囗交视频 视频,欧美一级特黄录像视频