在鼠标悬停上停止选框并在mouseout上播放

时间:2011-05-28 06:39:11

标签: jquery html

我在我的网站中使用传统的marquee html标记:

<marquee direction="left"><div id="logo-scroll">
    <ul id="clients-logos">
        <li><a href="#"><img src="images/logos/alcatel.jpg" alt="Alcatel" /></a></li>
        <li><a href="#">abs</a></li>
    </ul>
 </div></marquee>

如何在mouseover和mouseout事件中暂停jquee的marquee,记住我想使用marquee标记而不是jquery脚本。

由于

1 个答案:

答案 0 :(得分:10)

使用startstop方法:

$("marquee").hover(function () { 
    this.stop();
}, function () {
    this.start();
});
  

工作演示:http://jsfiddle.net/ZWQqc/

刚刚注意到你的最后一行--jQuery在这里向非IE浏览器提供mouseenter事件,让生活更轻松。您应该将JavaScript与HTML分开,因为它更容易维护。