移動端 一個簡單易懂的彈出框
更新時間：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實現(xiàn)錨點scoll效果,實例分析了錨點scoll效果的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
jquery中dom操作和事件的實例學習 下拉框應用實現(xiàn)代碼，需要的朋友可以參考下。2011-12-12
這篇文章主要介紹了基于jQuery實現(xiàn)返回頂部實例代碼的相關資料,需要的朋友可以參考下2016-01-01
這篇文章主要介紹了jQuery中ztree 點擊文本框彈出下拉框的實例代碼 的相關資料,需要的朋友可以參考下2017-02-02
解決jquery validate 驗證不通過后驗證正確的信息仍殘留在label上的方法
在本篇文章里小編給大家整理了關于解決jquery validate 驗證不通過后驗證正確的信息仍殘留在label上的方法，有需要的朋友們可以學習下。2019-08-08
基于jQuery實現(xiàn)表格內(nèi)容的篩選功能
這篇文章主要介紹了基于jQuery實現(xiàn)表格內(nèi)容的篩選功能的相關資料,需要的朋友可以參考下2016-08-08
實現(xiàn)音樂播放器的代碼（html5+css3+jquery）
這篇文章主要講實現(xiàn)音樂播放器的代碼（html5+css3+jquery），需要的朋友可以參考下2015-08-08
jQuery 綁定事件到動態(tài)創(chuàng)建的元素上的方法實例
這篇文章介紹了jQuery 綁定事件到動態(tài)創(chuàng)建的元素上的方法實例，有需要的朋友可以參考一下2013-08-08
這篇文章主要介紹了jQuery經(jīng)過一段時間自動隱藏指定元素的方法,實例分析了兩種比較常用的技巧,非常具有實用價值,需要的朋友可以參考下2015-03-03
下面介紹30個最好的jQuery Lightbox 插件，別忘了收藏它，以防未來的設計中錯過它們中的一個。2011-04-04