某某茶叶有限公司欢迎您!
金沙棋牌在线 > 服务器&运维 > JQuery UI皮肤定制_jquery_脚本之家

JQuery UI皮肤定制_jquery_脚本之家

时间:2019-12-06 13:28

本文实例讲述了JQuery给网页更换皮肤的方法。分享给大家供大家参考。具体分析如下:

a={id:1,get:function}} $//这时候所指的id就不是1,而是test 如果想要得到的是1,那就必须改变上下文环境$. $.proxy()的作用就是改变当前上下文环境。 $.click $.click proxy: function {//改变函数上下文环境,this指向设置的对象 这里的参数可以有两种方式:函数fn fn的方法context 函数的方法fn[context] 函数fn if ( typeof context === "string" ) {//如果content是字符串,那么会认为是fn的一个方法 fn[ context ],并在接下来判断是否是函数 var tmp = fn[ context ]; context = fn; fn = tmp; } if ( !jQuery.isFunction {//不是函数立刻返回undefined return undefined; } var args = slice.call,//把fn,content后面的参数作为要执行的函数参数 proxy = function() { return fn.apply( context, args.concat( slice.call;//返回设置了指定上下文环境的可执行函数,fn为可执行行数,把this指向content,args.concat( slice.call作为参数, }; proxy.guid = fn.guid = fn.guid || proxy.guid || jQuery.guid++;//一个全局的计数器,用于标识该函数可以用来删除 return proxy; }, //access这个方法主要是在jquery内部使用,用于attr,prop,css;主要设置DOM组单个或者多个属性、样式的值,获取DOM组某个属性、样式的值 //elems操作的对象组,key属性,value属性值,exec默认true,fn用来操作的函数,pass主要在attr的时候设置val,css,html,text,data,width,height,offset的时候应该为true. access: function( elems, key, value, exec, fn, pass ) { var length = elems.length; //设置多个属性 if ( typeof key === "object" ) {//如果属性值是对象,将循环设置dom组的属性和对应的值 for { jQuery.access( elems, k, key[k], exec, fn, value ); } return elems;//返回结果 } // 设置单个属性 if ( value !== undefined ) {//如果value存在,设置某个属性,可以是一组对象或者单个;如果不存在,即获取doms[0]某个属性值,只能返回带一个对象,或者由于对象不存在直接返回undefiend; exec = !pass && exec && jQuery.isFunction;//目前jquery默认pass为空null,exec为true,value是否为函数 for ( var i = 0; i < length; i++ ) { fn( elems[i], key, exec ? value.call( elems[i], i, fn : value, pass );//如果exec为true,,传入操作对象的序列和操作属性值作为参数,否则,设置属性key的值为value } return elems; } // 获取属性 return length ? fn : undefined; }, now: function() {//返回当前时间 return ; },

为了更好的提升用户体验,很多网页都有换肤的功能,那么这是怎么实现的那,其实,换肤只不过是在对应的位置改了Css样式罢了!!

如上图,在网页的左侧的tab栏上单击Gallery选项,便会在下方列出Jquery官方提供的皮肤,点击任意一套皮肤下面的Edit便会跳到Rool Your Own,在你选中的皮肤基础上便可定制出自己想要的皮肤,定制过程是所见即所得,所有用起来很方便,定制完后,点击Rool Your Own下方的Download theme跳到下载页面,

下面就演示如何简单的换肤

在下载页面右侧点击Download按钮就可以把皮肤下载到自己的机器上,在下载之前你可以选择下载1.7.2版的还是1.6版的,页面中还有其它选项,可以有选择的下载各个UI插件的皮肤样式,比如说Dialog、Tabls等,一般全选,不然就没意义了。下载后我们会得到一个jquery-ui-1.7.2.custom.zip压缩包,解压后,定制的皮肤文件在"下载文件夹jquery-ui-1.7.2.customdevelopment-bundlethemescustom-theme"文件夹下。