移動(dòng)端 一個(gè)簡(jiǎn)單易懂的彈出框
先給大家展示下效果圖,如果大家感覺還不錯(cuò),請(qǐng)繼續(xù)參考實(shí)現(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('留言成功');
以上所述是小編給大家介紹的移動(dòng)端 一個(gè)簡(jiǎn)單易懂的彈出框 ,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
Jquery實(shí)現(xiàn)的簡(jiǎn)單輪播效果【附實(shí)例】
下面小編就為大家?guī)硪黄狫query實(shí)現(xiàn)的簡(jiǎn)單輪播效果【附實(shí)例】。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考2016-04-04JQuery中form驗(yàn)證出錯(cuò)信息的查看方法
JQuery中form驗(yàn)證出錯(cuò),可以采用以下方式來查看具體input的出錯(cuò)信息,下面有個(gè)不錯(cuò)的示例,有類似情況的朋友可以參考下2013-10-10JQuery each()函數(shù)如何優(yōu)化循環(huán)DOM結(jié)構(gòu)的性能
each()方法能使DOM循環(huán)結(jié)構(gòu)簡(jiǎn)潔,不容易出錯(cuò)。each()函數(shù)封裝了十分強(qiáng)大的遍歷功能,使用也很方便,它可以遍歷一維數(shù)組、多維數(shù)組、DOM, JSON 等等在javaScript開發(fā)過程中使用$each可以大大的減輕我們的工作量2012-12-12jQuery實(shí)現(xiàn)數(shù)秒后自動(dòng)提交form的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)數(shù)秒后自動(dòng)提交form的方法,實(shí)例分析了jQuery實(shí)現(xiàn)form表單延時(shí)提交的技巧,需要的朋友可以參考下2015-03-03jquery實(shí)現(xiàn)在網(wǎng)頁指定區(qū)域顯示自定義右鍵菜單效果
這篇文章主要介紹了jquery實(shí)現(xiàn)在網(wǎng)頁指定區(qū)域顯示自定義右鍵菜單效果,涉及jquery鼠標(biāo)點(diǎn)擊及事件綁定等相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08