搜尋
首頁web前端js教程hover的用法及live的用法介紹(滑鼠懸停效果)_jquery

複製程式碼 程式碼如下:

// live主要用於動態載入出來的元素綁定事件
// 產品目錄
$(".lm_div_q dd").live({
mouseenter: function() {
$(this).find("strong").addClass("tj_strong ");
$(this).find("strong").next().slideDown(200); // 顯示下拉框
},
mouseleave: function() {
$ (this).find("strong").removeClass("tj_strong");
$(this).find("strong").next().slideUp(200); // 隱藏下拉框
}
});
// hover直接綁定事件
// 產品目錄<BR>$(".lm_div_q dd").hover(function(){ <BR>$(this).find("strong").addClass("tj_strong"); <BR>$(this).find("strong").next().stop(true,true).slideDown( 200); // 顯示下拉框<BR>},function(){ <BR>$(this).find("strong").removeClass("tj_strong"); <BR>$(this).find(" strong").next().stop(true,true).slideUp(200); // 隱藏下拉框<BR>});




 





陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
CSS小技巧:利用transition保留hover状态CSS小技巧:利用transition保留hover状态Sep 27, 2022 pm 02:01 PM

如何保留 hover 的状态?下面本篇文章给大家介绍一下不借助javascript保留hover状态的方法,希望对大家有所帮助!

Win11鼠标悬停时间怎么设置?Win11鼠标悬停时间设置教程Win11鼠标悬停时间怎么设置?Win11鼠标悬停时间设置教程Feb 01, 2024 pm 02:54 PM

Win11鼠标悬停时间怎么设置?我们在使用win11系统的时候可以设置鼠标的悬停时间,但是也有不少的用户们不知道要怎么设置?用户们可以直接的点击新建一个文本文档然后输入以下的代码来直接的进行使用就可以了。下面就让本站来为用户们来仔细的介绍一下Win11鼠标悬停时间设置方法吧。Win11鼠标悬停时间设置方法1、桌面空白处,点击【右键】,在打开的菜单项中,选择【新建-文本文档】。3、接着点击左上角的【文件】,在打开的下拉项中,选择【另存为】,或者按键盘上的【Ctrl+Shift+S】快捷键也可以。6

体验即飞 携手哈浮X1相机的飞行之旅体验即飞 携手哈浮X1相机的飞行之旅Jan 15, 2024 pm 02:21 PM

我们经常能够在网上看到很多精彩的俯视视角的视频,无人机拍出来的画面确实相当震撼,但其实很多人对无人机的认知很有限,例如有些地方限飞为什么还能飞?其实即开即飞的“无人机”才是当前的主流,更值得大多数人选择,今天就给大家带来哈浮飞行相机X1的上手体验。外观方面,哈浮飞行相机X1,首创折叠设计,整机仅125g,比手机轻,折叠后可以轻松手握,放进包包毫无压力。四个软性染叶和安全边框设计,完美保护拍摄安全。染叶创新采用Biobased生物基材,高弹耐用,安全环保;更有全保护边框加持,起飞降落都能贴心保护手

怎么移除css的hover事件怎么移除css的hover事件Feb 01, 2023 am 10:06 AM

移除css hover事件的方法:1、;通过“$("a").hover(function(){ alert('mouseover'); }, function(){ alert('mouseout'); })”方法绑定hover事件;2、通过“$('a').off('mouseenter').unbind('mouseleave');”方法取消绑定的hover事件即可。

JavaScript 如何实现图片鼠标悬停放大效果?JavaScript 如何实现图片鼠标悬停放大效果?Oct 20, 2023 am 09:16 AM

JavaScript如何实现图片鼠标悬停放大效果?现在的网页设计越来越注重用户体验,许多网页都会在图片上添加一些特效。其中,图片鼠标悬停放大效果是一种常见的特效,能够使图片在用户鼠标悬停时自动放大,增加用户与图片的互动性。本文将介绍如何使用JavaScript来实现这种效果,并给出具体的代码示例。思路分析:要实现图片鼠标悬停放大效果,我们可以利用JavaS

利用CSS实现鼠标悬停时的投影特效的技巧和方法利用CSS实现鼠标悬停时的投影特效的技巧和方法Oct 25, 2023 am 11:54 AM

利用CSS实现鼠标悬停时的投影特效的技巧和方法在现代网页设计中,利用CSS实现各种特效已经成为一种常见的做法。其中,鼠标悬停时的投影效果常常被用来增加交互性和视觉效果。本文将介绍实现这种特效的技巧和方法,并提供具体的代码示例。首先,我们需要明确目标:我们希望鼠标悬停在元素上时,该元素能够产生投影效果,以增强用户的操作感。实现这种效果的关键就是利用CSS的各种

利用CSS实现鼠标悬停时的抖动特效的技巧和方法利用CSS实现鼠标悬停时的抖动特效的技巧和方法Oct 21, 2023 am 08:37 AM

利用CSS实现鼠标悬停时的抖动特效的技巧和方法鼠标悬停时的抖动特效可以为网页添加一些动感和趣味性,吸引用户的注意力。在这篇文章中,我们将介绍一些利用CSS实现鼠标悬停抖动特效的技巧和方法,并提供具体的代码示例。抖动的原理在CSS中,我们可以使用关键帧动画(keyframes)和transform属性来实现抖动效果。关键帧动画允许我们定义一个动画序列,通过在不

CSS 触发动画属性优化技巧:hover 和 animationCSS 触发动画属性优化技巧:hover 和 animationOct 20, 2023 pm 12:25 PM

CSS触发动画属性优化技巧:hover和animation摘要:在现代网页设计中,动画效果已成为提升用户体验的重要手段之一。而CSS的hover和animation属性正是实现动画效果的关键。本文将针对这两个属性,介绍一些优化技巧,并提供具体的代码示例,帮助开发者更好地应用和优化动画效果。引言:CSS的hover和animation属性可以在网页中实现

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前By尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
1 個月前By尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
4 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

MantisBT

MantisBT

Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

VSCode Windows 64位元 下載

VSCode Windows 64位元 下載

微軟推出的免費、功能強大的一款IDE編輯器

Dreamweaver Mac版

Dreamweaver Mac版

視覺化網頁開發工具

SublimeText3 英文版

SublimeText3 英文版

推薦:為Win版本,支援程式碼提示!

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器