移動(dòng)端 一個(gè)簡(jiǎn)單易懂的彈出框
更新時(shí)間：2016年07月06日 11:55:01 作者：一顆星—Broken
本文給大家分享一段簡(jiǎn)單的jquery代碼實(shí)現(xiàn)一個(gè)簡(jiǎn)單易懂的彈出框，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起學(xué)習(xí)吧
先給大家展示下效果圖，如果大家感覺(jué)還不錯(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ì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要介紹了jQuery中$.extend()用法,實(shí)例分析了extend()方法的功能、定義及相關(guān)的使用技巧,需要的朋友可以參考下2015-06-06
Jquery實(shí)現(xiàn)的簡(jiǎn)單輪播效果【附實(shí)例】
下面小編就為大家?guī)?lái)一篇Jquery實(shí)現(xiàn)的簡(jiǎn)單輪播效果【附實(shí)例】。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考2016-04-04
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)圖片切換代碼,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
JQuery中form驗(yàn)證出錯(cuò)信息的查看方法
JQuery中form驗(yàn)證出錯(cuò)，可以采用以下方式來(lái)查看具體input的出錯(cuò)信息，下面有個(gè)不錯(cuò)的示例，有類似情況的朋友可以參考下2013-10-10
JQuery 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開(kāi)發(fā)過(guò)程中使用$each可以大大的減輕我們的工作量2012-12-12
jQuery實(shí)現(xiàn)數(shù)秒后自動(dòng)提交form的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)數(shù)秒后自動(dòng)提交form的方法,實(shí)例分析了jQuery實(shí)現(xiàn)form表單延時(shí)提交的技巧,需要的朋友可以參考下2015-03-03
jQuery 1.4給開(kāi)發(fā)者帶來(lái)了很多值得興奮的新特性，同時(shí)使用jQuery的人也越來(lái)越多，為了方便大家對(duì)jQuery的使用，下面列出了一些jQuery使用技巧。2010-11-11
在使用jquery操作js時(shí)，經(jīng)常整不明白this與$(this)。抽空仔細(xì)測(cè)試了一把，記錄下來(lái)以供在忘記的時(shí)候拉出來(lái)參考參考！2010-09-09
jquery是輕量級(jí)的js庫(kù)(壓縮后只有21k) ，它兼容CSS3，還兼容各種瀏覽器。由于jQuery對(duì)象本身是一個(gè)集合。所以如果jQuery對(duì)象要轉(zhuǎn)換為dom對(duì)象則必須取出其中的某一項(xiàng)，一般可通過(guò)索引取出。2011-08-08
jquery實(shí)現(xiàn)在網(wǎng)頁(yè)指定區(qū)域顯示自定義右鍵菜單效果
這篇文章主要介紹了jquery實(shí)現(xiàn)在網(wǎng)頁(yè)指定區(qū)域顯示自定義右鍵菜單效果,涉及jquery鼠標(biāo)點(diǎn)擊及事件綁定等相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08