快捷搜索:

基于jQuery的消息提示插件之旅

2019-11-26 作者:白姐四不像必中一肖图   |   浏览(195)

本版本遵循了2.0的写法,此处通过extend方法封装了需要设置的各个选项,比起2.0版本的代码要精简了一些。 2.0版本 复制代码 代码如下: //设置插件基本信息 var options = o || {}; options.width = o.width || 300; //提示框宽度若小于104px则自动重置为200px if { options.height = o.height; } else { options.height = 200; } options.title = o.title || "提示标题"; options.content = o.content || "提示内容"; //与css文件结合,方便在外部自定义样式而不用改写js文件 options.bgClass = o.bgClass || 'jBg'; options.wrapClass = o.wrapClass || 'jWrap'; options.titClass = o.titClass || 'jTit'; options.conClass = o.conClass || 'jCon'; options.clsClass = o.clsClass || 'jBtn'; options.botDivClass = o.botDivClass || 'jBot'; options.botBtnClass = o.botBtnClass || 'jBotBtn'; 3.0版本 复制代码 代码如下: //设置插件基本信息 var settings = { width: 300, height: 200, title: "提示标题", content: "提示内容", bgClass: 'jBg', wrapClass: 'jWrap', titClass: 'jTit', conClass: 'jCon', clsClass: 'jBtn', botDivClass: 'jBot', botBtnClass: 'jBotBtn' }; $.extend; 都是些很基础的东西,不过还是打个包吧,有兴趣的可以下来瞧瞧。。。 完整代码打包下载作者:Rocky翔感谢作者的代码,脚本之家编辑简单的说明下,从刚开始的第一版的不完善到完善,都是一步一步过来的,开始没有什么是完美的,经过参考别人的代码,学习别人的长处,慢慢的就会让你的程序更完善,建议大家在以后学习的过程中,多参考多写,不要只看不动手,多多动手自己写代码,才能真正的学习到知识,发现自己的不足。下面附上作者前两期发布的文章基于jQuery的弹出消息插件 DivAlert之旅基于jQuery的消息提示插件 DivAlert之旅 基于jQuery的消息提示插件 DivAlert之旅 推荐

本文由正版香港马报免费资料发布于白姐四不像必中一肖图,转载请注明出处:基于jQuery的消息提示插件之旅

关键词: