我的 div 中有旧文本。
我希望该文本从左侧飞出,而新文本从右侧飞入。
问题:
我不希望新文本从浏览器窗口内飞入,
而是从包含的 div 内部。
http://jsfiddle.net/cabezud/XuyUb/1/
仅供引用,我正在使用 Jquery 和 jquery mobile。
我在这里发现了另一个问题:
Jquery-animate question: how to constrain a DIV animation within another DIV?
但简单地将外部 div 设置为position:relative 不会改变任何内容。
根据评论,添加更多详细信息(而不仅仅是 jsfiddle 的链接)。
<div class="outer">
<p class="inner">click me</p>
</div>
var Fruit = ['苹果', '香蕉', '橙子', '猕猴桃']; var num = 0;
$('.outer').click(function(){
next();
});
var next = function() {
num++;
$('.inner').animate({"right":"500%"},500, function() {
$('.inner').text(fruit[num]).css({"right":"-500%"});
$('.inner').animate({"right":"0%"},500);
});
};
最佳答案
将 overflow:hidden;
添加到 .outer div
<强> jsFiddle example 。
关于javascript - 外部 Div 内的动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11039540/