jQuery传输动画无法正常工作

时间:2012-05-05 14:32:01

标签: jquery jquery-animate

我只是jquery的新手。 我刚刚关注了http://ricostacruz.com/jquery.transit/

链接

我发现了一个过渡动画,只是在徘徊母亲div时从左向右移动一个div,我按照指示完成了所有过程。

我的代码如下:

脚本:

$('#div1').hover(
    function () {

        $('#div2').transition({ x: '90px' });


    });

Css:

#div1{width:150px;
height:100px;
position:relative;
background:#9F0;}

   #div2
   {
       width:50px;
       height:50px;
       background:
       #F00;}

HTML

<div id="div1"></div><div id="div2"> </div>

您可以查看here

我认为我错了。 请帮我解决一下。 提前谢谢。

2 个答案:

答案 0 :(得分:1)

呀。首先,你的小提琴不包括jQuery Transit插件,也不是首先使用jQuery。它是在mootools上。

其次,这不是你如何使用它。该网站明确指出$('.parent').transition({<parameters})

我建议你先阅读如何使用jQuery,因为这似乎是主要的问题。我建议你从这里开始:http://docs.jquery.com/How_jQuery_Works

祝你好运。

答案 1 :(得分:0)

你应该绝对定位div,试试这个:

http://jsfiddle.net/8RMNU/1/