素材网 素材网

jQuery网站弹出提示层代码

下载资源()次

阅读次数()次

发布时间:2017-10-25

jQuery网站弹出提示层代码
分享到:

用法简介:

来源:xw素材网


jQuery网站弹出提示层代码。
文件引用:

<script>

//是否付款完成

function payment(){

qikoo.dialog.payNotice(function(){

alert("已完成付款按钮");//已付款完成的提示

},function(){

alert("你点了付款遇到问题按钮");//付款遇到问题的提示

},function(){

alert("你点了关闭按钮");//关闭按钮的提示

});

}


function Confirm(){

qikoo.dialog.confirm('确定要删除此商品吗?',function(){

alert("删除啦!");

 

        },function(){

alert("取消啦!");

});

}


function Alert(){

qikoo.dialog.alert("站长素材 - sc.chinaz.com");

}


$(document).ready(function(){

$(".delOrder").click(function(e){

 _this=$(e.target);

 tips.cartTip(_this);

});

var tips={

 cartTip : function(_this){

var tpl = [

 '<div class="dialog-delorder">',

'<div class="dialog-bar">',

 '温馨提示',

 '<a href="#" onclick="return false;" class="dialog-close" title="关闭"></a>',

'</div>',

'<div class="dialog-content">',

 '<p>确定从购物车中删除此商品?</p>',

'</div>',

'<div class="dialog-console">',

 '<a class="console-btn-confirm" href="#" onclick="return false;" title="确定">确定</a>',

 '<a class="console-btn-cancel" href="#" onclick="return false;" title="取消">取消</a>',

'</div>',

 '</div>'

].join('');

var dialogEle = $(tpl).appendTo('body');

var mainEle = dialogEle.filter('.dialog-delorder');

var top = _this.offset().top+20;

var left = _this.offset().left;

mainEle.css('top',top);

mainEle.css('left',left);

dialogEle.filter('.dialog-bg').css('height',$(document).height());

dialogEle.find('a.console-btn-confirm').click(function(){

 tips.warTip("ID为 "+_this.attr("item_id")+" 的商品已经被删除了!");

 $(".dialog-delorder").remove();

});

dialogEle.find('a.console-btn-cancel,a.dialog-close').click(function(){

 $(".dialog-delorder").remove();

});

 },

 warTip : function(txt){

var tpl = [

 '<div class="dialog-war">',

'<div class="dialog-bar">',

 '提示',

 '<a href="#" onclick="return false;" class="dialog-close" title="关闭"></a>',

'</div>',

'<div class="dialog-content">',

 '<p>'+txt+'</p>',

 '<div class="dialog-console">',

'<a class="console-btn-confirm" href="#" onclick="return false;" title="确定">确定</a>',

 '</div>',

'</div>',

 '</div>'

].join('');

var dialogEle = $(tpl).appendTo('body');

var mainEle = dialogEle.filter('.dialog-war');

var left = ($(window).width()-mainEle.width())/2;

mainEle.css('left',left);

mainEle.css('top','200px');

dialogEle.filter('.dialog-bg').css('height',$(document).height());

dialogEle.find('a.dialog-close,a.console-btn-confirm').click(function(){

 $(".dialog-war").remove();

});

 }

};

});

</script>


   

相关标签:

上一篇:jQuery弹出收起广告特效 下一篇:已经是最后一篇数据

网友评论:

评论

发表 剩余字数:20

一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家社会集体的和公民的合法权益,不得利用本站制作、复制和传播不法有害信息!

二、互相尊重,对自己的言论和行为负责。

@ 2013 xwcms.net . All Rights Reserved. xw素材网 | 备案号:晋ICP备13005902号 联系管理员
×

邮箱订阅

什么是邮箱订阅?

邮箱订阅是xw素材网为jquery爱好者与web程序员提供一项以邮箱的方式发送最新jquery资源与素材资源的模式,用户只需在左侧填写正确的邮箱用户名与邮箱地址我们将每天推荐最新优质资源到用户邮箱。当然每份邮箱都会有一个取消订阅按钮,当用户点击取消按钮时我们将会停止对用户发送邮箱资源推送。再次感谢大家对xw素材网的支持与关注。