首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

jquery 关于 hover 时触发setTimeout 并执行函数

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

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 () {
}); 
});
试试

热点排行