建站知识

当前位置：首页 > 建站知识

js回调函数如何仿360开机

这篇文章主要介绍js回调函数如何仿360开机，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

成都创新互联公司坚持“要么做到，要么别承诺”的工作理念，服务领域包括：成都网站建设、成都网站制作、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的大同网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！

具体内容如下

js回调函数如何仿360开机

关键代码：

1、demo（最外面整个大盒子）的定位

固定定位，放在页面的右下方

span（关闭按钮）绝对定位在demo的右上方：

#demo{
  width:322px;
  position : fixed;
  bottom:0;
  right:0;
} 
span{
　　width:30px;
　　height: 20px;
　　position:absolute;
　　top:0;
　　right:0;
　　cursor:pointer;
}

2、防止冒泡，因为span（关闭按钮）的父元素是demo, 所以不能直接写 span.onclick , 这样会发生冒泡，相当于点击了父元素demo, 事件会响应在父元素上，所以应该用span的 id 绑定事件

3、回调函数，点击关闭按钮时，首先下面的盒子高度变成 0 ，然后整个盒子的宽度变成 0，依次消失（所以一开始demo 的高度不应该设置，因为下面的盒子消失之后，上面的盒子会掉下来）回调函数写的位置：定时器结束的位置

close.onclick=function(){
  run(xia, {height:0}, function(){
    run(shang,{demo:0}
  }
}

以上是“js回调函数如何仿360开机”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！

分享标题：js回调函数如何仿360开机
转载来源：http://bjjierui.cn/article/jciesc.html

其他资讯

建站热线：13518219792
微信扫一扫在线咨询
QQ客服：
案例
价格