当前位置:17727 > www.17727.com > alert方法实现思路

alert方法实现思路

文章作者:www.17727.com 上传时间:2019-11-29

前段时间试着使用jquery cookie的时候,做了一个简单的换肤功能,只适合小网站并且代码低级。 首先引入jquery和cookie插件 复制代码 代码如下:

已经在 IE8 , firefox3.0.11下面测试通过 复制代码 代码如下: $.extend({ includePath: '', include: function { var files = typeof file == "string" ? [file] : file; for (var i = 0; i < files.length; i++) { var name = files[i].replace; var att = name.split; var ext = att[att.length - 1].toLowerCase(); var isCSS = ext == "css"; var tag = isCSS ? "link" : "script"; var attr = isCSS ? " type='text/css' rel='stylesheet' " : " language='javascript' type='text/javascript' "; var link = (isCSS ? "href" : "src") + "='" + $.includePath + name + "'"; if ($(tag + "[" + link + "]").length == 0) document.write("" + tag + ">"); } } }); $.include(['script/jquery.divbox.js','/css/pop_win.css']); $.ready { var IsFirstAlert = true; var alertQueue = []; window.alert = showAlert; var divalert = ""; divalert += "

准备几个css文件 复制代码 代码如下: 网页中的body部分准备几个button按钮用于触发jquery 复制代码 代码如下:

"; divalert += "

风格一

"; divalert += "

风格二

"; divalert += "

jquery代码 复制代码 代码如下: $.ready{ $.click{ $.cookie('cssfile','basic2.css');//存入cookie location.reload; $.click{ $.cookie('cssfile','basic.css'); location.reload; $.ready{ var file=$.cookie; //读取cookie if(typeof file=="undefined") { var cssfile="__PUBLIC__/css/basic2.css"; //没有设置,读取默认css } else { var cssfile="__PUBLIC__/css/"+file; //设置过的cookie } $.attr; 点击获取jquery cookie插件

TITLE"; divalert += "

"; divalert += " "; divalert += "

"; divalert += "
"; divalert += "

"; divalert += " "; divalert += "

"; divalert += "

"; divalert += " "; divalert += " "; divalert += ""; $.append; function showAlert { alertQueue.push; if { IsFirstAlert = false; OpenAlert(); } } $.click { $.CloseDiv() if (alertQueue.length > 0) { setTimeout; function OpenAlert() { $.html; alertQueue.splice.OpenDiv; 注:以上引用js与CSS的jquery插件

点击获取jquery或者使用jquery在谷歌或者微软的托管 Microsoft CDN:

复制代码 代码如下:

Google CDN:

复制代码 代码如下:

本文由17727发布于www.17727.com,转载请注明出处:alert方法实现思路

关键词: