<style>
* {
margin:0;
padding:0;
}
body {
background:black;
overflow:hidden;
}
.container {
width:20px;
height:60px;
position:absolute;
}
.nav {
height:20px;
width:20px;
display:block;
margin-top:12px;
border-radius:10px;
background:#33ccff;
opacity:0.8;
background: url(1.jpg) no-repeat center;
background-size: auto 100%;
}
</style>
<script>
$(function() {
var w = window.screen.width;
var h = window.screen.height;
var count = 0;
var drop = function() {
this.v = Math.random() * 1 0.5;
this.left = Math.random() * w;
}
drop.prototype = {
constructor: drop,
create: function() {
count ;
var $drop = $('<div class="container"><span class="nav"></span></div>');
$drop.appendTo('body');
},
addCss: function() {
$('.container:last').css({
left: this.left 'px'
})
},
dropEvent: function() {
var time = Math.floor(h / this.v);//下降速度
$('.container:last').animate({
top: h 'px',
opacity: '1'
}, time)
}
}
function updata() {
if(count > 200) {
for(var i = 0; i < 100; i ) {
$('div:first').remove();
}
count = 0;
}
}
setInterval(function() {
var Drop = new drop();
Drop.create();
Drop.addCss();
Drop.dropEvent();
updata();
}, 50)
})
</script>
0
丙肝是什么病微信交流群,丙肝母婴贴吧
耳鸣微信交流群,全国耳鸣交流群
打呼噜微信交流群,怎么加入陌生微信群
「东莞车迷微信群」求个东莞的大众高尔夫微信群
「微信群群主有哪些特权」微信群主有哪些特权？
「微信群移出群聊 - 百度」在微信群被移出群聊，所有人都看得到吗？
「微信群新消息要手动翻」微信群聊时一有新消息就跳到最新消息处，完全没法翻看以前的聊天记录 怎么设置？
「手机自动拉人进微信群」怎样把手机联系人拉进微信群中
「大学宿舍微信群名称」你们宿舍微信群的群名叫什么？为什么这么叫？
「微信抢红包埋雷群规」红包群禁抢什么意思