读书人

jquery 关于 hover 时触发setTimeout

发布时间: 2012-06-05 13:54:06 作者: rapoo

jquery 关于 hover 时触发setTimeout 并执行函数 求高手指教!
hover时触发setTimeout,800毫秒后执行css改变。


下面是我写的,但是好像运行不了,请指点!不胜感激。

JScript code
$(function(){  $("#menu li").hover(  function () {               liuxin=$(this).children("a").css("color","#ffffff");         setTimeout(function(){                        liuxin             },800);           },  function () {   }); });


[解决办法]

HTML code
<!DOCTYPE HTML><html>    <head>        <meta charset="gb2312" />        <title></title>            <script src="http://code.jquery.com/jquery-latest.js"></script>        <style>            div {                width:100px; height:100px;                border:1px solid red;            }        </style>            </head>    <body>        <div>            123        </div>        <script>            $('div').mouseover(function(){                var t = this;                setTimeout(function(){                    $(t).css('color', 'red');                }, 800)            })        </script>    </body></html>
[解决办法]
$(function(){
$("#menu li").hover(
function () {

setTimeout(function(){
$(this).children("a").css("color","#ffffff");
},800);
},
function () {
});
});
试试

读书人网 >JavaScript

热点推荐