我编写了一些脚本,当用户将鼠标悬停在选取框中的某些文本上时,它将暂停选取框,然后当用户的鼠标离开文本时,它将重新开始。由于 ipad 和手机不使用鼠标,因此我无法在它们上完美地重新启动选取框。我最初的想法是在悬停后创建一个延迟,然后在该延迟后重新开始滚动。它可以部分工作,但不能完全工作,因为在手机和 ipad 上单击链接后,选取框将一遍又一遍地开始和停止。
那么我该如何解决这个问题呢?
$('marquee p').hover(
function(){//When mouse hovers over
$('marquee').attr({scrollamount:0});
setTimeout(function(){
$('marquee').attr({scrollamount:2});
;},3000);
},
function(){//When mouse doesn't hover over
$('marquee').attr({scrollamount:2});
}
);