中文字幕免费精品_亚洲视频自拍_亚洲综合国产激情另类一区_色综合咪咪久久

使用jquery制作彈出框效果
來源:易賢網 閱讀:1273 次 日期:2015-04-08 14:07:18
溫馨提示:易賢網小編為您整理了“使用jquery制作彈出框效果”,方便廣大網友查閱!

非常不錯的國產JS彈出框插件,由前端工程師alien開發,提供多種類型的自定義對話框,使用方法簡單,瀏覽器兼容性好,支持的彈出框模式有:

alert:普通提示(警告)對話框

confirm:詢問(確認)對話框

message:簡單消息對話框(無title、無按鈕)

iframe:在對話框中嵌入一個iframe

tip:帶有小三角指向的小tip

dialog:最基礎的自定義對話

var jDialogId = [];

(function ($) {

$.jDialog = function (options) {

var id = parseInt(Math.floor(Math.random() * 1000 + 1));

while ($.inArray(id, jDialogId) != -1) {

id = parseInt(Math.floor(Math.random() * 1000 + 1));

}

jDialogId.push(id);

var defaults = {

title:"",

content: "這是一個JasUI-Dialog插件",

width: 350,

height: 0,

timer: 0,

showbuttons:false,

buttons: [],

okval: "確認",

ok: function () { return false;},

cancelval: "取消",

cancel: function () { return false; },

showclose:true,

close: function () { },

theme:""

};

var options = $.extend(defaults, options);

var _objdiv = "<div id='j-dialog-" + id + "' class='j-dialog ";

if (options.theme != "") {

_objdiv = _objdiv + "j-dialog-" + options.theme + "'>";

} else {

_objdiv = _objdiv + "'>";

}

_objdiv = _objdiv + "<div class='j-dialog-header'>";

if (options.showclose) {

_objdiv = _objdiv + "<a href='javascript:void(0)' class='j-close j-dialog-close'></a>"

}

if (options.title != "") {

_objdiv = _objdiv + "<h5 class='j-dialog-title'>" + options.title + "</h5>";

}

_objdiv = _objdiv + "</div>";

_objdiv = _objdiv + "<p class='j-dialog-content'>" + options.content + "</p>";

if (options.showbuttons) {

_objdiv = _objdiv + "<div class='j-dialog-footer'>";

$.each(options.buttons,function(i,value) {

_objdiv = _objdiv + "<a class='j-button' data-id='" + i + "'>" + value.title + "</a>";

})

_objdiv = _objdiv + "<a class='j-button j-button-primary j-dialog-ok'>" + options.okval + "</a>";

_objdiv = _objdiv + "<a class='j-button j-dialog-cancel'>" + options.cancelval + "</a>";

_objdiv = _objdiv + "</div>";

};

_objdiv=_objdiv+"</div>";

$("body").append(_objdiv);

var _obj = $('#j-dialog-' + id)

if (options.height>0) {

_obj.css("height", options.height);

}

_obj.css("width", options.width);

_obj.css("margin-top", '-' + (options.height / 2) + 'px');

_obj.css("margin-left", '-' + (options.width / 2) + 'px');

_obj.animate({ top: '30%',opacity:1 }, 0);

if (options.showclose) {

_obj.find('.j-dialog-close').on('click', function () {

$.jDialogRemove(id, options.close);

})

_obj.find('.j-dialog-ok').on('click', function () {

if (!options.ok()) {

$.jDialogRemove(id, options.close);

}

})

_obj.find('.j-dialog-cancel').on('click', function () {

if (!options.cancel()) {

$.jDialogRemove(id, options.close);

}

})

}

if (options.showbuttons) {

$.each(options.buttons, function (i, value) {

_obj.find("[data-id=" + i + "]").on('click', function () {

if (!value.callback()) {

$.jDialogRemove(id, options.close);

}

})

})

};

if (options.timer> 0) {

setTimeout(function () {

$.jDialogRemove(id,options.close);

}, options.timer);

}

return id;

},

$.jDialogRemove = function (id, callback) {

if ($.inArray(id, jDialogId)!=-1) {

jDialogId.splice($.inArray(id, jDialogId), 1);

$('#j-dialog-' + id).animate({ top: '0', opacity: 0 }, 500, function () {

$('#j-dialog-' + id).remove();

if (callback) {

callback();

}

});

}

},

$.jTip = function (options) {

var defaults = {

content: "這是一個JasUI-Dialog插件",

width: 200,

timer: 0,

showclose: false,

close: function () { },

theme: ""

};

var options = $.extend(defaults, options);

$.jDialog(options);

},

$.jFloatText = function (txt,color,posX,posY) {

var $i = $("<b>").text(txt);

var x = '50%', y = '40%';

var _color = '#E94F06';

if (color) {

_color= color;

}

if (posX) {

x = posX;

}

if (posY) {

y = posY;

}

$i.css({ top: 200, left: x, position: "absolute", color: "#E94F06" });

$("body").append($i);

$i.animate({ top: 20, opacity: 0}, 1500, function () {

$i.remove();

});

}

})(jQuery);

更多信息請查看IT技術專欄

更多信息請查看腳本欄目
易賢網手機網站地址:使用jquery制作彈出框效果
由于各方面情況的不斷調整與變化,易賢網提供的所有考試信息和咨詢回復僅供參考,敬請考生以權威部門公布的正式信息和咨詢為準!

2026上岸·考公考編培訓報班

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關于我們 | 聯系我們 | 人才招聘 | 網站聲明 | 網站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點 | 投訴建議
工業和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
云南網警備案專用圖標
聯系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號:hfpxwx
咨詢QQ:1093837350(9:00—18:00)版權所有:易賢網
云南網警報警專用圖標
中文字幕免费精品_亚洲视频自拍_亚洲综合国产激情另类一区_色综合咪咪久久
国产农村妇女毛片精品久久莱园子 | 欧美日韩成人在线播放| 亚洲午夜在线观看| 欧美精品日韩一本| 国产手机视频精品| 久久精品导航| 欧美日韩精品在线播放| 亚洲图片欧美一区| 久久国产高清| 国产一区二区三区四区老人 | 麻豆久久精品| 黄色成人在线免费| 久久精品国产免费观看| 黑丝一区二区| 欧美一区二区三区精品电影| 国产婷婷97碰碰久久人人蜜臀| 黄色精品在线看| 久久久人成影片一区二区三区观看 | 久久久国产成人精品| 欧美日韩国产不卡在线看| 精品91在线| 欧美在线免费观看| 久久一区二区三区av| 国产一区二区| 欧美主播一区二区三区美女 久久精品人 | 亚洲男人第一av网站| 国产精品日本精品| 亚洲免费黄色| 国产一区二区三区奇米久涩| 亚洲黄色免费| 国产日韩欧美二区| 国产伦精品一区二区三| 欧美精品久久一区二区| 国产一区二区中文| 国产精品magnet| 亚洲女ⅴideoshd黑人| 亚洲激情欧美激情| 欧美激情亚洲自拍| 久久免费精品视频| 亚洲电影下载| 狠狠久久婷婷| 老**午夜毛片一区二区三区| 亚洲欧洲一区二区在线观看| 欧美日韩精选| 亚洲欧美制服中文字幕| 精品电影在线观看| 国产精品一区一区| 久久一区二区三区国产精品| 久久国产精品一区二区| 在线播放国产一区中文字幕剧情欧美 | 女人色偷偷aa久久天堂| 欧美精品在线观看| 葵司免费一区二区三区四区五区| 亚洲高清视频在线观看| 亚洲国产毛片完整版 | 久久精品视频99| 国产日韩一区在线| 欧美午夜宅男影院在线观看| 亚洲视频免费在线观看| 亚洲特色特黄| 国产精品永久在线| 国产精品一区二区三区四区| 久久另类ts人妖一区二区| 亚洲欧洲三级电影| 国产欧美日韩伦理| 久久久噜噜噜久久| 一本色道久久综合狠狠躁篇怎么玩| 欧美日本亚洲| 在线视频你懂得一区二区三区| 国产精品二区二区三区| 欧美日韩在线一区| 欧美激情第8页| 欧美精品videossex性护士| 亚欧成人精品| 国产欧美一区二区三区视频| 国产精品网站视频| 免费欧美视频| 欧美另类久久久品| 狂野欧美一区| 欧美亚一区二区| 卡通动漫国产精品| 欧美日韩精品一区视频| 久久精品国产77777蜜臀| 亚洲私人影吧| 亚洲激情视频在线播放| 国产一区二区三区四区在线观看 | 国产精品欧美在线| 国模私拍视频一区| 亚洲激情影院| 亚洲午夜精品久久| 亚洲国产欧美一区| 亚洲资源av| 一区二区三区日韩欧美精品| 国产精品久久久久免费a∨| 欧美好吊妞视频| 国产精品久在线观看| 欧美日韩精品在线| 狠狠久久婷婷| 在线观看日韩欧美| 亚洲一区二区三区在线视频| 夜夜嗨av一区二区三区| 久久成人羞羞网站| 久久久久九九视频| 欧美视频中文在线看| 欧美日韩伦理在线| 韩国一区二区三区在线观看 | 亚洲精品久久久久久久久久久久久| 国产日韩在线看片| 欧美中文字幕在线观看| 亚洲第一网站免费视频| 在线观看精品视频| 亚洲黄网站黄| 一区二区三区四区五区视频| 亚洲欧洲午夜| 国产精品www网站| 欧美色图麻豆| 亚洲免费观看| 日韩视频久久| 欧美成人午夜77777| 欧美金8天国| 国内精品国产成人| 一色屋精品视频免费看| 欧美一区二区视频97| 欧美第一黄色网| 国产日产欧产精品推荐色 | 在线亚洲观看| 中文国产一区| 欧美日韩精品欧美日韩精品 | 久久噜噜亚洲综合| 国产精品视频免费一区| 国产精品成人一区二区三区夜夜夜| 亚洲高清视频的网址| 亚洲电影专区| 久久久久综合网| 欧美不卡三区| 亚洲人人精品| 亚洲一品av免费观看| 欧美日韩一区二区三区在线视频 | 欧美激情综合色| 亚洲福利专区| 亚洲精品资源| 国产精品国产三级国产普通话99| 欧美深夜影院| 亚洲欧美国产三级| 久久精品一区二区| 在线精品观看| 一区二区三区你懂的| 欧美视频一二三区| 国产精品视频一区二区高潮| 亚洲综合色网站| 一区二区三区四区国产| 免费在线日韩av| 亚洲激情视频| 久久久夜夜夜| 亚洲激情小视频| 欧美一区网站| 在线观看中文字幕亚洲| 一本色道久久综合亚洲精品按摩 | 欧美日韩在线大尺度| 一区二区三区久久久| 久久久亚洲一区| 亚洲日本理论电影| 久久久精品一品道一区| 亚洲国产中文字幕在线观看| 欧美有码在线观看视频| 黄色成人av网站| 亚洲欧美精品在线观看| 国产亚洲a∨片在线观看| 日韩亚洲不卡在线| 国产一区二区久久久| 一区二区三区波多野结衣在线观看| 国产精品亚洲不卡a| 亚洲已满18点击进入久久| 国产精品视频免费观看www| 一区免费观看| 欧美日韩在线综合| 极品日韩久久| 国产乱码精品一区二区三区五月婷| 一区在线影院| 国产精品久久福利| 欧美色大人视频| 欧美在线一二三区| 亚洲视频一二| 国内精品久久久久久| 欧美色网一区二区| 亚洲淫性视频| 久久国产精品99国产| 亚洲日本视频| 国产一区二区三区久久悠悠色av| 亚洲欧美www| 亚洲精品视频免费在线观看| 狂野欧美激情性xxxx欧美| 亚洲女人天堂成人av在线| 国产精品美女www爽爽爽视频| 欧美在线看片| 好吊妞**欧美| 国产亚洲成av人在线观看导航| 先锋影音久久久| 亚洲欧美国产一区二区三区| 国产精品日韩在线|