我有4个盒子,第一个作为特色框,内容将复制到该特色框,一旦悬停在其他3盒。jQuery - 模拟悬停事件每'x'秒
HTML:
<ul class="items clearfix">
<li class="item">
<a href=""><h2 class="title">01 - Lorem ipsum</h2></a>
<p class="description">
First item - Lorem ipsum dolor sit amet.
</p>
<img src="http://placehold.it/100x100/42bdc2/FFFFFF&text=News" alt="">
</li><!-- Featured Item -->
<li class="item">
<a href=""><h2 class="title">01 - Lorem ipsum</h2></a>
<p class="description">
First item - Lorem ipsum dolor sit amet.
</p>
<img src="http://placehold.it/100x100/42bdc2/FFFFFF&text=News" alt="">
</li><!-- End Item -->
<li class="item">
<a href=""><h2 class="title">02 - Lorem ipsum</h2></a>
<p class="description">
Second item - Lorem ipsum dolor sit amet.
</p>
<img src="http://placehold.it/100x100/42bdc2/FFFFFF&text=News" alt="">
</li><!-- End Item -->
<li class="item">
<a href=""><h2 class="title">03 - Lorem ipsum</h2></a>
<p class="description">
Third item - Lorem ipsum dolor sit amet.
</p>
<img src="http://placehold.it/100x100/42bdc2/FFFFFF&text=News" alt="">
</li><!-- End Item -->
</ul>
的jQuery:
var feat =$(".item").first();
var item =$(".item").next();
item.mouseover(function(){
featitem = $(this).html();
feat.html(featitem);
$(this).addClass("featured");
});
基本上我需要模拟每一个 'X' 秒这个悬停事件,否则我需要的内容每3个盒子自动复制到特色盒子而不会悬停d保持悬停事件的工作。
您的使用'下一个()'没有意义?为什么触发悬停事件而不是简单地按计划更改内容?你需要在“物品”之间旋转吗?为什么没有插入特色内容的元素具有不同的类/ id以区别于其他内容元素? –