重庆分公司

咨询热线：

028-86922220

关于我们

服务项目

小程序开发

案例展示

建站动态

联系我们

地址：成都市太升南路288号锦天国际A幢1002号

电话：028-86922220

028-86922220

重庆分公司，新征程启航

为企业提供网站建设、域名注册、服务器等服务

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://cqcxhl.cn/article/jciesc.html

其他资讯

分享至：

关于我们

公司简介发展历程

服务项目

高端网站建设小程序开发 APP开发网络营销

建站知识

网站建设网站设计网站制作小程序

联系我们

公司地址人才招聘

成都重庆



电话：028-86922220



地址：成都市太升南路288号锦天国际A幢1002号



电话：028-86922220



地址：重庆市南岸区弹子石腾龙大道58号2栋21-6