<！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“ />
<script src =” jquery- 1.8.1.js“> </ script>
<title>无标题文档</ title>
</ head>
< / head> <style>
#test {
width：20px;
高度：20px；
边框：1px纯红色；
}
</ style>
<body>
<div id =“ test”>
</ div>
<div id =“ tm”> a </ div>
</ body>
<
var defaults = {
hoverDuring：600，
outDuring：600，
hoverEvent：function（）{
$ .noop（）;
}，
outEvent：function（）{
$ .noop（）;
}
};
var sets = $ .extend（defaults，options || {}）;
var hoverTimer，outTimer;
return $（this）.each（function（）{
$（this）.hover（function（）{
clearTimeout（outTimer）;
hoverTimer = setTimeout（sets.hoverEvent，sets.hoverDuring）;
}，function（）{
clearTimeout（hoverTimer）;
outTimer = setTimeout（sets.outEvent，sets.outDuring）;
}）;
}）;
}
}）（jQuery）;
$（“＃test”）。hoverDelay（{
hoverDuring：600，
outDuring：600，
hoverEvent：function（）{
$（“＃tm”）。show（）;
}，
outEvent：function（）{
$（“＃tm “）.hide（）;
}
}）;
</ script>
</ html>
如果您觉得本文的内容对您的学习有所帮助：
关键字：
jQuery