打開網頁自動彈出窗口(懸浮窗或遮罩層),本來這樣的功能可以說隨處可見,但是要實現點擊同意按鈕就關閉彈出層,點擊不同意按鈕就直接關閉網頁的代碼,搜了好久還是沒有找到!于是就自己整合不同的代碼,自己來實現了!首先是要找到打開網頁自動彈出窗口的代碼,找到一個現成的,但是經過測試,又發現這段代碼兼容性比較差,谷歌瀏覽器運行沒問題,但是同樣是chrome內核的搜狗瀏覽器竟然失效,更不用說IE瀏覽器了!繼續搜索,終于無奈找了個點擊按鈕后彈出窗口兼容性比較好的代碼,再怎么辦呢?當然是繼續再找有沒有什么方法能實現訪問網頁就能彈出窗口了!
網上說:在body里面加上這個“onload="定義的字段名"就可以實現,試了一下,果然不錯!網上搜集的點擊彈出窗口一段時間自動關閉的代碼,發現有個小問題:瀏覽器窗口如果小了,無法下拉到最下面點擊同意按鈕,于是我就自己修改部分代碼,通過一系列的測試,終于大功告成。以下是我最后完成的代碼(去掉了一段時間后自動關閉功能):
<html> <head> <title>361源碼打開網頁自動彈出注冊協議窗口,同意關閉彈出層,不同意關閉網頁功能實現代碼</title> <style type="text/css"> .alert_div{position:relative;text-align:center; z-index:2000;} </style> </head> <body onload="fun_open()"> 在這里填寫網頁其他代碼,以下代碼放在網頁最后。 <div id="test" style="display:none;height:100%"> <div style="background-color: rgb(234,234,234); opacity:0.8;filter:alpha(opacity=80); top: 0px; left: 0px; width: 100%; height: 800%; position: fixed; z-index: 1000; overflow: hidden; background-position: initial initial; background-repeat: initial initial; "> </div> <div class="alert_div" style="opacity:1; filter:alpha(opacity=100);"> <iframe id="f" width="700px" height="400px" src= "https://info.lm.tv.sohu.com/ctt/0000000bb500f8d0a68c992cbe393692f165edcbcf6/12137.do" frameborder="no" border="0" marginwidth="0" marginheight="0" allowtransparency="yes" scrolling="NO"> </iframe><br> <input type="button" value="同意" onclick="javascript:fun_close();" /> <input type="button" value="不同意" onclick="window.close();" /> </div> </div> <script type="text/javascript"> function fun_close(){ document.getElementById("test").style.display = 'none'; } function fun_open(){ document.getElementById("test").style.display = ''; }</script> </body></html>代碼中有控制透明度的代碼,可自行修改。如代碼有問題,請留言告知,多謝!如解決問題,也請留言告知!
以上就是打開網頁自動彈出懸浮窗代碼的全部內容,希望對大家的學習和解決疑問有所幫助,也希望大家多多支持武林網。新聞熱點
疑難解答