欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間：2016年07月06日 11:55:01   作者：一顆星—Broken  
本文給大家分享一段簡單的jquery代碼實(shí)現(xiàn)一個簡單易懂的彈出框，非常不錯，具有參考借鑒價值，感興趣的朋友一起學(xué)習(xí)吧

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

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

相關(guān)文章

  • jQuery中$.extend()用法實(shí)例

    jQuery中$.extend()用法實(shí)例

    這篇文章主要介紹了jQuery中$.extend()用法,實(shí)例分析了extend()方法的功能、定義及相關(guān)的使用技巧,需要的朋友可以參考下
    2015-06-06
  • Jquery實(shí)現(xiàn)的簡單輪播效果【附實(shí)例】

    Jquery實(shí)現(xiàn)的簡單輪播效果【附實(shí)例】

    下面小編就為大家?guī)硪黄狫query實(shí)現(xiàn)的簡單輪播效果【附實(shí)例】。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考
    2016-04-04
  • jquery實(shí)現(xiàn)圖片切換代碼

    jquery實(shí)現(xiàn)圖片切換代碼

    這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)圖片切換代碼,具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2016-10-10
  • JQuery中form驗(yàn)證出錯信息的查看方法

    JQuery中form驗(yàn)證出錯信息的查看方法

    JQuery中form驗(yàn)證出錯，可以采用以下方式來查看具體input的出錯信息，下面有個不錯的示例，有類似情況的朋友可以參考下
    2013-10-10
  • JQuery each()函數(shù)如何優(yōu)化循環(huán)DOM結(jié)構(gòu)的性能

    JQuery each()函數(shù)如何優(yōu)化循環(huán)DOM結(jié)構(gòu)的性能

    each()方法能使DOM循環(huán)結(jié)構(gòu)簡潔，不容易出錯。each()函數(shù)封裝了十分強(qiáng)大的遍歷功能，使用也很方便，它可以遍歷一維數(shù)組、多維數(shù)組、DOM, JSON 等等在javaScript開發(fā)過程中使用$each可以大大的減輕我們的工作量
    2012-12-12
  • jQuery實(shí)現(xiàn)數(shù)秒后自動提交form的方法

    jQuery實(shí)現(xiàn)數(shù)秒后自動提交form的方法

    這篇文章主要介紹了jQuery實(shí)現(xiàn)數(shù)秒后自動提交form的方法,實(shí)例分析了jQuery實(shí)現(xiàn)form表單延時提交的技巧,需要的朋友可以參考下
    2015-03-03
  • Jquery常用技巧收集整理篇

    Jquery常用技巧收集整理篇

    jQuery 1.4給開發(fā)者帶來了很多值得興奮的新特性，同時使用jQuery的人也越來越多，為了方便大家對jQuery的使用，下面列出了一些jQuery使用技巧。
    2010-11-11
  • jquery中this的使用說明

    jquery中this的使用說明

    在使用jquery操作js時，經(jīng)常整不明白this與$(this)。抽空仔細(xì)測試了一把，記錄下來以供在忘記的時候拉出來參考參考！
    2010-09-09
  • jQuery的12招常用技巧分享

    jQuery的12招常用技巧分享

    jquery是輕量級的js庫(壓縮后只有21k) ，它兼容CSS3，還兼容各種瀏覽器。由于jQuery對象本身是一個集合。所以如果jQuery對象要轉(zhuǎn)換為dom對象則必須取出其中的某一項(xiàng)，一般可通過索引取出。
    2011-08-08
  • jquery實(shí)現(xiàn)在網(wǎng)頁指定區(qū)域顯示自定義右鍵菜單效果

    jquery實(shí)現(xiàn)在網(wǎng)頁指定區(qū)域顯示自定義右鍵菜單效果

    這篇文章主要介紹了jquery實(shí)現(xiàn)在網(wǎng)頁指定區(qū)域顯示自定義右鍵菜單效果,涉及jquery鼠標(biāo)點(diǎn)擊及事件綁定等相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-08-08

最新評論