富贵资源网 Design By www.hznty.com
本文实例讲述了js兼容pc端浏览器并有多种弹出小提示的手机端浮层控件。分享给大家供大家参考。具体如下：
完整实例代码点击此处本站下载。
用法
<input type="button" id="btn_dialog" value="打开浮层"/> <div id="dialog-content" style="display:none;">这是内容</div> <script src="/UploadFiles/2021-04-02/jquery-1.9.1.min.js">或者用jquery方式调用:
<input type="button" id="btn_dialogjquery" value="jq打开浮层"/> <div id="dialog-contentjq" style="display:none;">这是内容22</div> <script src="/UploadFiles/2021-04-02/dialog-jquery.js">继承类alert和confirm提示(jquery模式下)：
html:
<input type="button" id="btn_alert" value="alert"/> <input type="button" id="btn_alert2" value="alert定时关闭"/> <input type="button" id="btn_confirm" value="confirm三种按钮"/> <input type="button" id="btn_confirmdefault" value="confirm默认"/>js:
$('#btn_alert').click(function(){ $.alert('选好商品才能上传素材哦',true,function(){ alert('你点击了ok') }) }); $('#btn_alert2').click(function(){ $.alert('选好商品才能上传素材哦') }); $('#btn_confirm').click(function(){ $.confirm('下载全部 9 张图片至本地相册"confirm-title2">文字内容已复制</div>',[{yes:"是"},{no:'否'},{close:'关闭'}],function(type){ $.alert('您点击了'+type); this.hide(); }); }) $('#btn_confirmdefault').click(function(){ $.confirm('你确定要删除这条消息吗"ui-dialog-close js-dialog-close">x</span>)
titleTpl:
标题html(默认：<div class="ui-dialog-title"></div>)
方法及回调：show:
显示弹层
hide:
隐藏
beforeShow：function(content)
显示前的方法回调,content是浮层内容对象
beforeHide：function(content)
隐藏前的方法回调,content是浮层内容对象
setPosition:function()
设置位置居中希望本文所述对大家的javascript程序设计有所帮助。
富贵资源网 Design By www.hznty.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
富贵资源网 Design By www.hznty.com
暂无评论...
P70系列延期，华为新旗舰将在下月发布
3月20日消息，近期博主@数码闲聊站 透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。
而博主@定焦数码 爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。