javascript 怎样实现 hover 事件延时触发 jquery 的 toggleClass()
阿神
阿神 2017-04-10 12:47:04
0
1
586

如题,我希望移动到.dropdown区域内时,.item能够延时个1秒再添加.highlight,离开时也延时1秒再移除highlight,改怎么实现呢?

helloworld

.item { background: pink; } .highlight { height: 100px; background: yellow; }
$('.dropdown').hover(function() { $('.item', this).toggleClass('highlight'); });

http://jsfiddle.net/AKcHr/

阿神
阿神

闭关修行中......

全部回复 (1)
Peter_Zhu
$('.dropdown').hover(function() { var $item = $('.item', this); setTimeout(function(){$item.toggleClass('highlight');}, 1000); });

变量在setTimeout() 和 setInterval()没有用,所以用function代替.

    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责声明 Sitemap
    PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!