求一个js特效 要求一个div层在网页的左上角飘到右下角 循环
有写过这个特效的没?
求一个js特效 要求一个div层在网页的左上角飘到右下角 循环 不明要求可以回帖
------解决方案--------------------
时间有限大概写了一下
test------解决方案--------------------
html>
#div{ position:absolute;top: 0;left: 0; width:100px; height:100px;background: #f1f1f1;}
#div1{ position:relative; width:100px; height:100px;}
#div1 i{ position:absolute; display:block; width:20px;height:20px; right:0;top:0;cursor:pointer;border:1px solid #ddd;}
X
var div = $('#div')
div.mouseover(function(){
div.stop();
});
div.mouseout(function(){
foo();
});
$("#div1 i").click(function(){
div.hide();
});
function foo(){
div.animate({top : $(window).height() - div.height(), left : $(window).width() - div.width()}, 6000, 'swing', function(){
$(this).css({ top : 0, left : 0});
if(div.css('top') == '0px'){
foo();
}
});
}
foo();