<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js仿360安全卫士弹窗代码 - 更多源码【www.96flw.com】</title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
img{
vertical-align: top;
}
#box{
position: fixed;
right: 0;
bottom: 0;
}
#box #close{
width: 25px;
height: 25px;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
}
</style>
</head>
<body>
<div id="box">
<span id="close"></span>
<div id="top">
<img src="img/360top.png" >
</div>
<div id="bottom">
<img src="img/360bottom.png">
</div>
</div>
<div style="height:2000px;"></div>
<script src="js/myFun.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
window.addEventListener('load',function(){
//获取事件源
var box = document.getElementById('box');
var close = document.getElementById('close');
var top = document.getElementById('top');
var bottom = document.getElementById('bottom');
//绑定事件
close.addEventListener('click',function(){
animation(bottom,{"height":0},function(){
animation(box,{"width":0},function(){
close.style.display = 'none';
})
})
});
})
</script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p>
<p>更多源码<a href="http://www.96flw.com" target="_blank">www.96flw.com</a></p>
</div>
</body>
</html>
