Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
nmouseenter與onmouseover事件作用:
當(dāng)鼠標進入(經(jīng)過)觸發(fā)事件。
但他們之間有一點小的差別。我們來看這個例子。
我們創(chuàng)建這樣的HTML頁面結(jié)構(gòu)
然后,給定適當(dāng)?shù)腸ss樣式如下:
這樣就達到了平常網(wǎng)站菜單的效果
分別給ul和li添加mouseover事件。
我們給ul與li都加上mouseover事件,那么當(dāng)鼠標經(jīng)過li時,會有事件冒泡,會觸發(fā)ul上面的mouseover事件。一次彈出兩個alert窗口。
使用mouseenter事件則不會出現(xiàn)事件冒泡
應(yīng)用于下拉菜單特效等
有不懂的歡迎私信我喲~
事件都是鼠標移至節(jié)點上執(zhí)行;但是onmouseover移至節(jié)點上,停止在移動,依舊在節(jié)點上時還是會執(zhí)行,也就是說會執(zhí)行多次;而onmouseenter僅是進入節(jié)點時執(zhí)行一次。
者:瘋狂的技術(shù)宅
轉(zhuǎn)發(fā)鏈接:https://mp.weixin.qq.com/s/-cpUkuzpsPR6uUgWPkbH-A
*請認真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。