鼠标hover的jquery代码，鼠标不停经过时它就不停触发，怎么让它设个间隔或设一段时间只能触发一次
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了鼠标hover的jquery代码，鼠标不停经过时它就不停触发，怎么让它设个间隔或设一段时间只能触发一次相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery鼠标悬停图片上滑动显示说明 </title>
<style>
@charset "utf-8";
* margin:0; padding:0;
img border:none;
.zzsc
width:300px;
height:300px;
margin:auto;
position:relative;
.text
width:300px;
height:auto;
background-color:#000;
FILTER:alpha(opacity=60);
opacity:0.7;
-moz-opacity:0.7;
position:absolute;
left:0px;
bottom:0px;
.imgtext
width:280px;
height:auto;
float:left;
padding:10px;
color:#fff;
font-size:12px;
line-height:200%;
</style>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function()
$(".imgtext").hide();
$(".zzsc").hover(function()
$(".imgtext").slideToggle(400);
);
);
</script>
</head>
<body>
<div class="zzsc"><a href="#" ><img src="http://www.mm2you.com/pic/allimg/c1mmy/201307/008/slt.jpg"></a>
<div class="text">
<div class="imgtext"> 2012新品男T恤韩版短袖男士夏装男装翻领t恤POLO衫 货到付款 T93 </div>
</div>
</div>
</body>
</html>
$(".imgtext").hide();
$(".zzsc").hover(function()
setTimeout(function() $(".imgtext").slideToggle(400); ,1000); //加上定时器
);
);本回答被提问者和网友采纳
jquery
over,outFunction,FunctionV1.0
over:鼠标移到元素上要触发的函数
out:鼠标移出元素要触发的函数
outObjectV1.4
当鼠标移到元素上或移出元素时触发执行的事件函数
示例
over,out 描述:
鼠标悬停的表格加上特定的类
jQuery 代码:
$("td").hover(
function () {
$(this).addClass("hover");
},
function () {
$(this).removeClass("hover");
}
);out 描述:
hover()方法通过绑定变量"handlerInOut"来切换方法。
jQuery 代码:
留言
以上是关于鼠标hover的jquery代码，鼠标不停经过时它就不停触发，怎么让它设个间隔或设一段时间只能触发一次的主要内容，如果未能解决你的问题，请参考以下文章
jquery，怎样可以让鼠标停留在某一区域不少于1秒才会执行代码
jquery的hover 实现鼠标悬停2秒以上才执行 怎么写？
jQuery的hover事件，鼠标经过能显示子菜单，移出就不能隐藏子菜单。代码如下