十年網(wǎng)站開發(fā)經(jīng)驗 + 多家企業(yè)客戶 + 靠譜的建站團隊
量身定制 + 運營維護+專業(yè)推廣+無憂售后,網(wǎng)站問題一站解決
這篇文章主要介紹js回調(diào)函數(shù)如何仿360開機,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
成都創(chuàng)新互聯(lián)公司堅持“要么做到,要么別承諾”的工作理念,服務(wù)領(lǐng)域包括:成都網(wǎng)站建設(shè)、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務(wù),滿足客戶于互聯(lián)網(wǎng)時代的大同網(wǎng)站設(shè)計、移動媒體設(shè)計的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴!
具體內(nèi)容如下
關(guān)鍵代碼:
1、demo(最外面整個大盒子)的定位
固定定位,放在頁面的右下方
span(關(guān)閉按鈕)絕對定位在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(關(guān)閉按鈕)的父元素是demo, 所以不能直接寫 span.onclick , 這樣會發(fā)生冒泡,相當(dāng)于點擊了父元素demo, 事件會響應(yīng)在父元素上,所以應(yīng)該用span的 id 綁定事件
3、回調(diào)函數(shù),點擊關(guān)閉按鈕時,首先下面的盒子 高度變成 0 ,然后整個盒子的寬度 變成 0,依次消失 (所以一開始demo 的高度不應(yīng)該設(shè)置,因為下面的盒子消失之后,上面的盒子會掉下來) 回調(diào)函數(shù)寫的位置:定時器結(jié)束的位置
close.onclick=function(){ run(xia, {height:0}, function(){ run(shang,{demo:0} } }
以上是“js回調(diào)函數(shù)如何仿360開機”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!