- 相關(guān)推薦
幾種實(shí)用的JavaScript鼠標(biāo)特效
在我們平時(shí)網(wǎng)頁(yè)設(shè)計(jì)中,鼠標(biāo)特效可以說(shuō)是常常會(huì)用到,那么今天我們來(lái)講講通過(guò)JS代碼實(shí)現(xiàn)一些實(shí)用的鼠標(biāo)特效,希望對(duì)大家有用。
工具/原料
Dreamweaver
JS代碼使鼠標(biāo)滾輪失效
1
當(dāng)頁(yè)面內(nèi)容太多時(shí),可以通過(guò)鼠標(biāo)滾輪實(shí)現(xiàn)翻頁(yè)效果。但有些讀書(shū)網(wǎng)站提供頁(yè)面自動(dòng)滾屏的功能,此時(shí)可使鼠標(biāo)的滾輪失效,讓用戶充分體驗(yàn)網(wǎng)站提供的功能。
本例在頁(yè)而中添加了一個(gè)表格,可將窗口縮小,以出現(xiàn)滾動(dòng)條效果。當(dāng)出現(xiàn)滾動(dòng)條時(shí).滑動(dòng)鼠標(biāo)的滾輪,測(cè)試此操作是否能夠成功。代碼重寫了“document.onmousewheel”方法,若返回false值則表示不執(zhí)行任何鼠標(biāo)滾動(dòng)的操作。
2
實(shí)例代碼如下:
<title>JS代碼使鼠標(biāo)滾輪失效</title>
【幾種JavaScript鼠標(biāo)特效】相關(guān)文章:
特效設(shè)計(jì)崗位職責(zé)(9篇)01-03
變焦特效的10個(gè)拍攝技巧分享03-06
特效設(shè)計(jì)崗位職責(zé)集合9篇01-03
特效設(shè)計(jì)崗位職責(zé)集錦9篇02-14
特效設(shè)計(jì)崗位職責(zé)(匯編9篇)01-03
鍵盤和鼠標(biāo)作文(精選8篇)03-14