过渡定位 我有一些代码,我想集成到一个网站,并有它在屏幕中间。这段代码使用Javascript进行了一些修改。但是我不能像我想的那样在屏幕上移动它。当我移动它时,它会弄乱动画
这是HTML过渡定位 我有一些代码,我想集成到一个网站,并有它在屏幕中间。这段代码使用Javascript进行了一些修改。但是我不能像我想的那样在屏幕上移动它。当我移动它时,它会弄乱动画,javascript,html,css,Javascript,Html,Css,这是HTML <!DOCTYPE html> } 我不确定我是否看到了这个问题。看看这把小提琴:CSS3动画是一个选项吗?不,我会用这种方式做的好的。你能在JSFIDLE上放一些代码,让它移动吗?那太好了。。。我最后问错了问题。。。如果你愿意,我可以在另一个问题中问这个问题,但我希望它继续旋转,你知道怎么做吗?在动画中旋转?旋转-——我假设它从开始到结束?是的,我可以问另一个问题,这是我如何使用你已有的代码完成的: <div id="elem0" class="to
<!DOCTYPE html>
}
我不确定我是否看到了这个问题。看看这把小提琴:CSS3动画是一个选项吗?不,我会用这种方式做的好的。你能在JSFIDLE上放一些代码,让它移动吗?那太好了。。。我最后问错了问题。。。如果你愿意,我可以在另一个问题中问这个问题,但我希望它继续旋转,你知道怎么做吗?在动画中旋转?
旋转-——我假设它从开始到结束?是的,我可以问另一个问题,这是我如何使用你已有的代码完成的:
<div id="elem0" class="toBeFaded">Here's the first message...</div>
<div id="elem1" class="toBeFaded">We have second one here...</div>
<div id="elem2" class="toBeFaded">And here's the third message...</div>
<div id="elem3" class="toBeFaded">OMG!!! Here's the fourth message!</div>
<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/fadeCode.js" defer="defer"></script>
var yourFade = 1, // the amount of time in seconds that the elements will fade in AND fade out
yourDelay = 2, // the amount of time in seconds that there will be a delay between the fade ins and fade outs
fadeTime = yourFade * 1000, //convert fade seconds to milliseconds (1000)
delayTime = yourDelay * 1000, // convert delay seconds to milliseconds (2000)
totalTime = fadeTime + delayTime, //3000 milliseconds...needed for all those delays we talked about
allElems, // find out exactly how many page elements have the 'toBeFaded' class (4)
elemNoFade, // Will help us find the last element represent the last element (3)
i,
fadingElem;
for (i = 0, allElems = $('.toBeFaded').length, elemNoFade = allElems - 1; i < allElems; i+=1) {
fadingElem = "#elem" + i;
if (i === 0) {
$(fadingElem).fadeIn(fadeTime).delay(delayTime).fadeOut(fadeTime);
} else if (i === elemNoFade) {
$(fadingElem).delay(totalTime * i).fadeIn(fadeTime);
} else {
$(fadingElem).delay(totalTime * i).fadeIn(fadeTime).delay(delayTime).fadeOut(fadeTime);
}
} });
.toBeFaded {
display: none;
position:absolute;
font-size:70pt;