小編給大家分享一下javascript中如何實(shí)現(xiàn)浮動窗口,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
網(wǎng)站設(shè)計(jì)制作過程拒絕使用模板建站;使用PHP+MYSQL原生開發(fā)可交付網(wǎng)站源代碼;符合網(wǎng)站優(yōu)化排名的后臺管理系統(tǒng);成都做網(wǎng)站、成都網(wǎng)站制作、成都外貿(mào)網(wǎng)站建設(shè)收費(fèi)合理;免費(fèi)進(jìn)行網(wǎng)站備案等企業(yè)網(wǎng)站建設(shè)一條龍服務(wù).我們是一家持續(xù)穩(wěn)定運(yùn)營了十余年的創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司。
javascript實(shí)現(xiàn)浮動窗口的方法:首先創(chuàng)建HTML文件;然后通過“function showFAd(){...}”方法打開浮動廣告;最后通過“function showFloat(){...}”方法實(shí)現(xiàn)打開浮動窗口即可。
本文操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
javascript怎么實(shí)現(xiàn)浮動窗口?
具體如下:
HTML部分:
無標(biāo)題文檔
JS部分:
// JavaScript Document //浮動廣告圖片 var floatAdImg = "images/onlineSay.jpg"; //浮動側(cè)欄圖片 var floatSideImg = "images/onlineTel.gif"; //打開在線溝通 function open_online() { window.open('http://p.qiao.baidu.com//im/index?siteid=7342332&ucid=7601325'); } //浮動廣告 document.writeln(""); document.writeln(""); document.writeln(""); document.writeln(""); //浮動側(cè)欄 document.writeln(""); //關(guān)閉浮動廣告 function closeFAd() { document.getElementById('floatAd').style.display = 'none'; } //打開浮動廣告 function showFAd() { document.getElementById('floatAd').style.display = 'block'; } //打開浮動窗口 function showFloat() { document.getElementById('floatAd').style.display = 'block'; } //打開窗口 20 秒僅執(zhí)行一次 setTimeout(showFAd,20000); //每個 30 秒執(zhí)行一次 setInterval(showFloat,30000);
以上是“javascript中如何實(shí)現(xiàn)浮動窗口”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!