不能用jquery动画图像

-2

我不知道我是否缺少obvieouse的东西，但是，我认为你可以在jquery中动画图像？基本上我想达到这样的http://jsfiddle.net/Qm2FG/，但价格标签在这个网站http://nagomedia.blackflow.pl。不能用jquery动画图像

来源

2012-01-13 Michał Korzeniowski

是的，这是可能的。你尝试了什么？你有什么麻烦？ – SLaks 2012-01-13 19:11:06

就像我写我试图动画价格标签http://nagomedia.blackflow.pl。但没有运气...... – 2012-01-13 19:15:01

你试过什么？你有什么麻烦？ – SLaks 2012-01-13 19:15:39

那么你只需要使用你链接到你的问题的代码，但你需要在HTML文档中选择适当的元素：

$('.content').children('.main').children().hover(function() { 
    $(this).stop(true, true).animate({ top : "-=0.45em" }, 150);    
}, function() { 
    $(this).stop(true, true).animate({ top :"+=0.45em" }, 150); 
});

当我发布这个代码到我的开发者控制台在您的网站，当我将鼠标悬停在标签上时，您的标签就开始动画了。

注意使用.stop()，这在使用-=和+=修饰符时非常有用。

UPDATE

您需要可以把你的JS在你的HTML文件（我个人最喜欢的）的结束或将代码放在一个的document.ready事件处理程序。你的代码试图绑定到尚不存在的元素，所以没有发生绑定。

$(function() { 
    $('.content').children('.main').children().hover(function() { 
     $(this).stop(true, true).animate({ top : "-=0.45em" }, 150);    
    }, function() { 
     $(this).stop(true, true).animate({ top :"+=0.45em" }, 150); 
    }); 
});

我喜欢把我的JS代码放在我的HTML文档的末尾，所以它们不会阻止页面的渲染。 CSS进入<head>，所以它可用于正确设置文档样式，并且一旦设置了DOM，JS就会置于底部运行。

来源

2012-01-13 19:18:02 Jasper

我不知道为什么它不能正常工作... – 2012-01-13 19:32:55

@MichałKorzeniowski您需要将您的JS放在HTML文档的末尾（我个人最喜欢的），或者将代码放在一个'document.ready'事件处理程序中。你的代码试图绑定到尚不存在的元素，所以没有发生绑定。检查我的答案以获得更新。 – Jasper 2012-01-13 19:34:28

谢谢您的时间和耐心:) – 2012-01-13 19:40:27

不能用jquery动画图像

回答

相关问题