移動端 一個簡單易懂的彈出框
更新時間:2016年07月06日 11:55:01 作者:一顆星—Broken
本文給大家分享一段簡單的jquery代碼實現(xiàn)一個簡單易懂的彈出框,非常不錯,具有參考借鑒價值,感興趣的朋友一起學(xué)習(xí)吧
先給大家展示下效果圖,如果大家感覺還不錯,請繼續(xù)參考實現(xiàn)代碼。
關(guān)鍵代碼如下所示:
function tishi(content,url) { var html = '<div class="xiaoxi none" id="msg" style="z-index:9999;left: 5%;width: 90%;position: fixed;background:none;top:50%;"> <p class="msg" style="background: none repeat scroll 0 0 #000; border-radius: 30px;color: #fff; margin: 0 auto;padding: 1.5em;text-align: center;width: 70%;opacity: 0.8;"></p></div>'; $(document.body).append(html); $("#msg").show(); $(".msg").html(content); if(url){ window.setTimeout("location.href='"+url+"'", 1500); }else{ setTimeout('$("#msg").fadeOut()', 1500); } } tishi('留言成功');
以上所述是小編給大家介紹的移動端 一個簡單易懂的彈出框 ,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
JQuery each()函數(shù)如何優(yōu)化循環(huán)DOM結(jié)構(gòu)的性能
each()方法能使DOM循環(huán)結(jié)構(gòu)簡潔,不容易出錯。each()函數(shù)封裝了十分強大的遍歷功能,使用也很方便,它可以遍歷一維數(shù)組、多維數(shù)組、DOM, JSON 等等在javaScript開發(fā)過程中使用$each可以大大的減輕我們的工作量2012-12-12jQuery實現(xiàn)數(shù)秒后自動提交form的方法
這篇文章主要介紹了jQuery實現(xiàn)數(shù)秒后自動提交form的方法,實例分析了jQuery實現(xiàn)form表單延時提交的技巧,需要的朋友可以參考下2015-03-03jquery實現(xiàn)在網(wǎng)頁指定區(qū)域顯示自定義右鍵菜單效果
這篇文章主要介紹了jquery實現(xiàn)在網(wǎng)頁指定區(qū)域顯示自定義右鍵菜單效果,涉及jquery鼠標(biāo)點擊及事件綁定等相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08