html div怎么往右飘,js特效 要div层在网页的左上角飘到右下角 循环

求一个js特效 要求一个div层在网页的左上角飘到右下角 循环

有写过这个特效的没?

求一个js特效 要求一个div层在网页的左上角飘到右下角 循环 不明要求可以回帖

------解决方案--------------------

时间有限大概写了一下

test
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();

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值