0

我只是 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>

你可以在这里查看

我认为我错了。请帮我整理一下。提前致谢。

4

2 回答 2

1

是的。首先，您的小提琴不包括 jQuery Transit 插件，也没有设置为首先使用 jQuery。它在 mootools 上。

其次，这不是你使用它的方式。该网站明确表示$('.parent').transition({<parameters})。

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

祝你好运。

于 2012-05-05T14:43:24.673 回答
0

你应该绝对定位 div，试试这个：

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

于 2012-05-05T14:43:41.577 回答