jq 多个div从右向左依次显示_jquery – Animate绝对div到左边:0然后到右边:0和循环...
好吧,我知道如何動畫div和循環(huán)動畫和東西,但這真的讓我神經(jīng)緊張,我想動畫div左邊:0;然后到右邊:0;并循環(huán)動畫,它不會像這樣工作…為什么?
我該怎么做呢?..
PS:顯然jquery不能從左邊動畫一個絕對容器:0到右:o …但是我怎樣才能得到想要的動畫?
例:
這樣的東西不起作用……:
$(document).ready(function() {
function animateMydiv() {
$('#mydiv').animate({'left':'0px'},6000).animate({'right':'0px'},6000, animateMydiv);
}
animateMydiv();
});
最佳答案 據(jù)我所知,在CSS中定位,你不能同時設(shè)置右邊和左邊的值.
所以我建議如下.只需將其移動到文檔的末尾減去元素的寬度:
$(document).ready(function() {
var width = $(document).width() - $('#mydiv').width();
function animateMydiv() {
$('#mydiv').animate({'left': width + 'px'}, 6000).animate({'left': '0px'}, 6000);
}
animateMydiv();
});
如果您希望它是無窮無盡的,請保留您在示例中的功能:
$(‘#mydiv’).animate({‘left’:width’px’},6000).animate({‘left’:’0px’},6000,animateMydiv);
總結(jié)
以上是生活随笔為你收集整理的jq 多个div从右向左依次显示_jquery – Animate绝对div到左边:0然后到右边:0和循环...的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: cordova splashscreen
- 下一篇: cordova自定义一个简单的alert