移動端一個簡單易懂的彈出框

更新時間：2016年07月06日 11:55:01 作者：一顆星—Broken

本文給大家分享一段簡單的jquery代碼實現(xiàn)一個簡單易懂的彈出框，非常不錯，具有參考借鑒價值，感興趣的朋友一起學習吧

先給大家展示下效果圖，如果大家感覺還不錯，請繼續(xù)參考實現(xià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('留言成功');

以上所述是小編給大家介紹的移動端一個簡單易懂的彈出框，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

jQuery中$.extend()用法實例
這篇文章主要介紹了jQuery中$.extend()用法,實例分析了extend()方法的功能、定義及相關的使用技巧,需要的朋友可以參考下
2015-06-06
Jquery實現(xiàn)的簡單輪播效果【附實例】
下面小編就為大家?guī)硪黄狫query實現(xiàn)的簡單輪播效果【附實例】。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考
2016-04-04
jquery實現(xiàn)圖片切換代碼
這篇文章主要為大家詳細介紹了jquery實現(xiàn)圖片切換代碼,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-10-10
JQuery中form驗證出錯信息的查看方法
JQuery中form驗證出錯，可以采用以下方式來查看具體input的出錯信息，下面有個不錯的示例，有類似情況的朋友可以參考下
2013-10-10
JQuery each()函數(shù)如何優(yōu)化循環(huán)DOM結構的性能
each()方法能使DOM循環(huán)結構簡潔，不容易出錯。each()函數(shù)封裝了十分強大的遍歷功能，使用也很方便，它可以遍歷一維數(shù)組、多維數(shù)組、DOM, JSON 等等在javaScript開發(fā)過程中使用$each可以大大的減輕我們的工作量
2012-12-12
jQuery實現(xiàn)數(shù)秒后自動提交form的方法
這篇文章主要介紹了jQuery實現(xiàn)數(shù)秒后自動提交form的方法,實例分析了jQuery實現(xiàn)form表單延時提交的技巧,需要的朋友可以參考下
2015-03-03
Jquery常用技巧收集整理篇
jQuery 1.4給開發(fā)者帶來了很多值得興奮的新特性，同時使用jQuery的人也越來越多，為了方便大家對jQuery的使用，下面列出了一些jQuery使用技巧。
2010-11-11
jquery中this的使用說明
在使用jquery操作js時，經(jīng)常整不明白this與$(this)。抽空仔細測試了一把，記錄下來以供在忘記的時候拉出來參考參考！
2010-09-09
jQuery的12招常用技巧分享
jquery是輕量級的js庫(壓縮后只有21k) ，它兼容CSS3，還兼容各種瀏覽器。由于jQuery對象本身是一個集合。所以如果jQuery對象要轉換為dom對象則必須取出其中的某一項，一般可通過索引取出。
2011-08-08
jquery實現(xiàn)在網(wǎng)頁指定區(qū)域顯示自定義右鍵菜單效果
這篇文章主要介紹了jquery實現(xiàn)在網(wǎng)頁指定區(qū)域顯示自定義右鍵菜單效果,涉及jquery鼠標點擊及事件綁定等相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-08-08