2013-01-09 53 views
0

我想知道是否有可能用jQuery来启动:在开始页面上悬停2秒钟然后关闭。我对JavaScript很陌生,不确定这是否超出了JavaScript应该使用的范围?JQuery悬停状态定时器?

希望有人能帮助我!

+1

你的意思是你想听'悬停'事件,但只有两秒钟? 还是你想改变一些元素的视觉造型两秒钟,然后让那种风格消失? – hunterloftis

+0

你好Hunterloftis,抱歉应该更清楚。是的,我想在页面加载时稍微改变视觉样式,然后离开(恢复正常),谢谢花时间阅读。 – calabi

+0

你不能触发.hover(我试过),所以你必须添加一个类 – Popnoodles

回答

2

你必须一类添加到您的CSS选择器,然后添加/删除使用jQuery该类:

CSS:

#element:hover, #element.mock-hover { 
    /* styles go here... */ 
} 

JS:

$(document).ready(function() { 
    var $el = $('#element'); 

    $el.addClass('mock-hover'); 

    setTimeout(function() { 
     $el.removeClass('mock-hover'); 
    }, 2000); 
}); 

这是小提琴:http://jsfiddle.net/5rg4B/

+0

也许正确的CSS是'#element.mock-hover:hover {...'? –

+0

谢谢约瑟夫将这仍然工作是他们是一个标签? – calabi

+0

@davessh - 当然。这里是小提琴:http://jsfiddle.net/5rg4B/1/ –