Question

我想使用脚本在鼠标悬停时创建过渡动画：Transit 一切都完成了，但有一个例外。过渡是有效的，但是如果你在3个不同的区块上多次传递鼠标（例如5次例子），则动画继续播放！它会产生闪烁效果，但我不喜欢...... 一张图片胜过千言万语：这是我的代码，问题在于：http://jsfiddle.net/u4Dk4/1/

感谢您的宝贵帮助。

$(function() {
    $("#A").mouseover( function() {
    $("#A").transition({ opacity: '0'}, 500);}); });
$(function() {
    $("#A").mouseout( function(){
    $("#A").transition({ opacity: '1'}, 500);}); });

Answer 1

您可以创建动画队列。使用stop()函数删除该队列。

Heres your altered Fiddle

$("#A").mouseover( function() {
$("#A").stop().transition({ opacity: '0'}, 500);}); });
$(function() {
$("#A").mouseout( 
function(){
$("#A").stop().transition({ opacity: '1'}, 500);}); });

Jquery transit＆amp; amp;鼠标移到

1 个答案: