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

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

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

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

confirm:詢問(確認(rèn))對話框

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

iframe:在對話框中嵌入一個(gè)iframe

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

dialog:最基礎(chǔ)的自定義對話

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: "這是一個(gè)JasUI-Dialog插件",

width: 350,

height: 0,

timer: 0,

showbuttons:false,

buttons: [],

okval: "確認(rèn)",

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: "這是一個(gè)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技術(shù)專欄

更多信息請查看腳本欄目
易賢網(wǎng)手機(jī)網(wǎng)站地址:使用jquery制作彈出框效果
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)!

2026上岸·考公考編培訓(xùn)報(bào)班

  • 報(bào)班類型
  • 姓名
  • 手機(jī)號
  • 驗(yàn)證碼
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機(jī)站點(diǎn) | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號
云南網(wǎng)警備案專用圖標(biāo)
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號:hfpxwx
咨詢QQ:1093837350(9:00—18:00)版權(quán)所有:易賢網(wǎng)
云南網(wǎng)警報(bào)警專用圖標(biāo)
中文字幕免费精品_亚洲视频自拍_亚洲综合国产激情另类一区_色综合咪咪久久
欧美日韩另类视频| 欧美日韩成人| 亚洲一区二区在线免费观看| 亚洲一级片在线观看| 午夜精品视频在线观看一区二区| 久久九九久久九九| 欧美国产精品v| 欧美午夜不卡视频| 国产一区二区三区不卡在线观看| 亚洲国产精品第一区二区三区| 亚洲美女视频网| 亚洲欧美中文在线视频| 久久一区欧美| 国产精品久久久久久亚洲毛片| 韩国av一区二区三区| 一区二区欧美激情| 狼人社综合社区| 国产精品网站在线观看| 亚洲美女黄网| 裸体歌舞表演一区二区| 国产精品中文字幕欧美| 亚洲看片一区| 久久人人爽人人爽| 国产精品无人区| 亚洲美女在线观看| 美女999久久久精品视频| 国产欧美精品va在线观看| 亚洲免费av片| 免费视频一区二区三区在线观看| 国产夜色精品一区二区av| 亚洲午夜精品| 欧美日韩国产一区二区三区| 尤物yw午夜国产精品视频明星| 午夜精品久久久久久久久久久久| 欧美喷水视频| 亚洲电影在线观看| 久久久噜噜噜| 国产精品一区二区久久久久| 中文精品99久久国产香蕉| 欧美精品在线视频观看| 亚洲福利视频一区二区| 久久精品人人| 国产一区二区三区黄视频| 亚洲一区二区三区影院| 欧美日韩视频在线观看一区二区三区| 亚洲成人在线视频播放| 毛片一区二区三区| 亚洲电影第1页| 欧美ab在线视频| 亚洲欧洲精品成人久久奇米网| 久久综合网hezyo| 伊人狠狠色j香婷婷综合| 久久高清免费观看| 国内精品一区二区| 久久久亚洲精品一区二区三区| 国产丝袜一区二区| 久久久久九九九九| 伊人久久久大香线蕉综合直播 | 欧美亚洲在线观看| 国产精品视频观看| 香蕉成人伊视频在线观看| 国产精品尤物| 久久精品国产2020观看福利| 红桃视频一区| 欧美成人一区在线| 在线午夜精品| 国产欧美精品一区二区三区介绍 | 欧美激情亚洲另类| 日韩亚洲视频| 国产精品天天看| 久久久亚洲影院你懂的| 亚洲国产你懂的| 欧美视频网址| 久久精品国产免费看久久精品 | 久久精品99| 亚洲电影中文字幕| 欧美日韩在线一区二区| 欧美一区二区高清| 亚洲高清在线观看一区| 欧美日韩在线观看视频| 欧美在线观看视频一区二区| 亚洲第一久久影院| 国产精品高潮在线| 久久一二三国产| 亚洲特色特黄| 激情成人av| 欧美日韩另类综合| 久久精品成人| 国产精品99久久久久久宅男| 国产精品专区h在线观看| 欧美成人高清视频| 亚洲欧美综合国产精品一区| 亚洲国产精品久久久久秋霞蜜臀| 国产精品h在线观看| 久久免费的精品国产v∧| 亚洲精品资源美女情侣酒店| 国产日韩欧美三级| 欧美日韩国产小视频在线观看| 久久成人精品视频| 一本色道久久综合亚洲精品不卡| 国产有码在线一区二区视频| 欧美日韩精品在线| 久久一区激情| 欧美一区成人| 一本一本a久久| 亚洲国产精品第一区二区| 国产精品亚洲一区二区三区在线| 欧美成人日韩| 久久午夜精品一区二区| 亚洲欧美国产精品va在线观看 | 国产一区二区在线观看免费播放| 欧美国产亚洲另类动漫| 久久精品视频亚洲| 亚洲你懂的在线视频| 亚洲精品一二区| 激情成人亚洲| 国产午夜久久| 国产精品亚洲精品| 欧美日韩伦理在线免费| 欧美成人性生活| 久久综合一区| 久久一区国产| 久久久久一区| 久久久久久亚洲精品不卡4k岛国| 亚洲欧美日韩一区二区在线 | 国产欧美婷婷中文| 国产精品久久久久aaaa九色| 欧美日韩精品免费观看视频| 欧美成人久久| 女人色偷偷aa久久天堂| 久久婷婷久久一区二区三区| 欧美伊人影院| 欧美亚洲三区| 欧美一区二区国产| 欧美一区二区三区免费在线看| 亚洲综合视频在线| 亚洲在线观看视频网站| 亚洲一区二三| 午夜国产精品影院在线观看 | 欧美电影电视剧在线观看| 久久综合伊人77777| 久久久国产午夜精品| 久久久久国色av免费观看性色| 欧美一级视频免费在线观看| 欧美中文在线观看国产| 欧美一区二区视频免费观看| 欧美一区二区日韩一区二区| 久久福利影视| 久久久av水蜜桃| 裸体一区二区| 欧美精品一区在线| 欧美日韩亚洲视频一区| 国产精品盗摄一区二区三区| 国产精品亚洲人在线观看| 国产日韩欧美不卡| 国产亚洲欧美色| 激情丁香综合| 亚洲精品123区| 正在播放欧美视频| 午夜精品久久久久久久久久久久| 欧美在线观看一区| 久热精品视频在线| 欧美日韩精选| 国产视频在线观看一区二区| 激情亚洲成人| 日韩亚洲综合在线| 午夜亚洲激情| 免费欧美高清视频| 欧美特黄一级| 狠狠色噜噜狠狠狠狠色吗综合| 亚洲激情国产| 亚洲一区欧美激情| 玖玖在线精品| 欧美系列电影免费观看| 国产日韩欧美一区| 亚洲精品国产欧美| 午夜国产欧美理论在线播放| 免费成人黄色| 国产精品卡一卡二卡三| 红杏aⅴ成人免费视频| 亚洲毛片网站| 久久成人资源| 欧美日韩综合网| 国内精品久久久| 一区二区三区国产精华| 久久九九全国免费精品观看| 欧美欧美天天天天操| 国产视频在线一区二区| 亚洲精品欧美精品| 久久国产精品一区二区三区四区 | 国产一区二区三区无遮挡| 亚洲国产综合在线看不卡| 亚洲午夜黄色| 欧美成人综合| 国产在线精品一区二区中文| 一区二区三区四区五区视频| 久久综合久久88| 国产欧美一区二区三区在线看蜜臀 | 亚洲色图自拍| 老**午夜毛片一区二区三区|