slidetoggle如何配合hover使用

   2024-10-07 5180
核心提示:可以使用jQuery的hover事件来触发slidetoggle效果。例如,以下代码会在鼠标悬停在元素上时触发slidetoggle效果:!DOCTYPE htmlht

可以使用jQuery的hover事件来触发slidetoggle效果。

例如,以下代码会在鼠标悬停在元素上时触发slidetoggle效果:

<!DOCTYPE html><html><head><script src="https://code.jquery.com/jquery-3.6.0.min.js"></script><script>$(document).ready(function(){  $("#toggle").hover(function(){    $("#content").slideToggle();  });});</script><style>#content {  display: none;}</style></head><body><div id="toggle">Hover over me</div><div id="content">This content will be toggled</div></body></html>

在这个例子中,当鼠标悬停在id为"toggle"的元素上时,会触发id为"content"的元素的slidetoggle效果。

 
举报打赏
 
更多>同类物流大全
推荐图文
推荐物流大全
点击排行

网站首页  |  关于我们  |  联系方式网站留言    |  赣ICP备2021007278号