原理：实现该功能的原理就是通过点击定义的主题样式，改变页面当前引用的主题CSS文件，并且将当前的主题样式写入cookie中或者写入数据库中，以便下次该用户重新访问页面时，调用的就是上次设置好的主题样式。
步骤：
首先，准备三个样式表CSS文件，分别是三种颜色风格的主题皮肤，将其引入页面。
给每个<link>添加了title属性，另外禁用了第2个和第3个CSS文件，就是默认起作用的是第1个CSS文件。
HTML内容
CSS样式可以自己设置自己喜欢的布局，每个人用到的样式排版不同，这里就不展示css代码。
JQuery:
引入jquery库和jquery.cookie插件。jquery.cookie插件为jQuery提供了强大的cookie操作功能。
当用户点击切换选择主题时，要发生以下动作：获取选择的主题（id），查看引用的CSS文件，如果发现其title属性值正好与当前选中的主题id值相等，则应用该主题CSS文件，同时将其他引用的CSS文件禁用，并且将当前选中的主题写入cookie中，设置cookie过期时间，最后将当前选中的主题按钮（li）设置为当前选中状态。具体看下面的代码：
注意，本例中我将选中的样式保存在用户cookie中，cookie名称为”colorstyle“，值为当前选中的主题值，过去时间为30天，即：expires:30
接着是页面载入时，读取主题cookie值，如果主题cookie存在则调用cookie值对应的主题样式CSS文件，并且设置当前主题按钮状态为选中状态，反之，则调用默认样式。代码如下：
应用的cookie记录用户所选择设置的主题皮肤样式，当cookie到期或者用户清除了浏览器的cookie，或者用户换用其他浏览器浏览时，当前设置的主题就会失效。为了让用户永久保存选择的主题样式，必须将所选的主题与用户信息对应，写入数据库，下次该用户登录就可以直接读取以往选择的主题。
1、指定html中的button元素
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="jquery.js"></script>
</head>
<body>
<input type="button" value="按钮变化颜色" id="btn"/>
</body>
</html>
2、设置颜色的jquery脚本：
$("#btn").click(function(){
//each()分流出每个事件
$("#btn").each(function(index,elem){
//在给附上css值
$(elem).css("background",$(elem).data("color"));
})
})
// document.getElementById("a").style.background="red";
</script>
如果你必须要使用这个Class，那么就建立几个颜色的Class，如果不需要，就直接改变颜色就好。
Class：
$('button_ident').addClass('bg-red');
$('button_ident').addClass('bg-blue');
如果其他不想显示已经改变过过的class，那就加多'.siblings().removeClass('className')'
直接变色：
$('button_ident').css('color','red');
$('button_ident').css('color','bule');
jquery中如何改变按钮背景色
点击1—1变色。点击2,—变色。但1会变回原来的颜色，我show方法实现了其他的功能.。下面是我初试的代码： HTML code：复制代码 代码如下: .clckClass{color:red;} $('ul li a').bind('click', function(){ $('ul li a:not(this)').removeClass('clckClass'); $(this).addClass('...
jquery实现点击a标签后添加背景颜色
3、在test.html文件内,设置p标签的id为mytest，主要用于下再通过该id获得p标签对象。4、在test.html文件内，使用button标签创建一个按钮，按钮名称为“添加一个a标签”。5、在test.html文件内，给button按钮绑定onclick点击事件，当按钮被点击时，执行addaa（）函数。6、在js标签中，创建addaa()函数，...
...是只有自己的浏览器页面中这个按钮是蓝色的。
如题,用户A点击按钮后,用户A的按钮变蓝(其他用户的页面没有变化),如果用户B也在自己的浏览器上点击了这个按钮,那么B的按钮会变蓝,用户A的按钮会变回原本的颜色。即当前点击了按钮的用户页面按钮会变蓝色。 这种情况应该怎么写,用js node jquery ... 展开 123654asvsky 2018-10-25 | 浏览22 次 nodejsweb...
html中按钮的字体颜色怎么设置?
方法一：jquery方法加颜色。工具原料：编辑器、浏览器 1、首先设置一个按钮，然后使用css给按钮设置color属性即可实现按钮字体的颜色的设置，代码如下：2、以上代码的style极为css样式，color=‘red’就是设置字体为红色的意思，运行的效果如下图：方法二：在style中加样式。1、给字体所在的div加上id，然...
jquery如何做导航菜单栏点击更换背景色(防刷新)
给每个菜单给以相同的ID、、然后给ID绑定点击事件，当前菜单点击时注入一个css的class，其他的注入默认的class。差不多就可以了。
【Jquery】jquery怎样控制a标签的字体颜色??
4、在test.html文件内，创建一个按钮，给按钮绑定onclick事件，当按钮被点击时，执行editColor函数。5、在js标签内，创建editColor函数，通过id获得textarea对象，使用css()方法设置color属性为red，即设置textarea字体颜色为红色。6、在浏览器打开test.html文件，点击按钮，查看实现的效果。
html怎样同时设置按钮的字体颜色和按钮的颜色
html同时设置按钮的字体颜色和按钮的颜色方法： 方法一：jquery方法加颜色 1、需要引入jquery.js,在标签中加上$("#id").css("color","颜色")；即可 2、效果如图 方法二：js方法 1、使用js代码给文字加颜色，document.getElementById("blue").style.color="red";2、效果如图 ...
html怎样同时设置按钮的字体颜色和按钮的颜色
1、字体颜色用color属性设置，背景颜色用background属性设置。具体方法是首先打开hbuilder编辑器新建html文档，文档中设置一个按钮：2、然后给按钮一个样式，这里叫btn，在上方的style标签中设置btn类的属性，这里设置字体大小和字体颜色，最后设置按钮的大小、边框以及背景颜色：3、打开浏览器，可以看到一个绿...
JQuery UI如何制作颜色动画
由于颜色动画特效需要JS脚本控制，所以需要导入Jquery的脚本和Jquery ui的脚本，如下图所示。因为Jquery ui是用jquery编写的，所以先导入Jquery文件 然后在body标签中添加一个div和一个按钮。Div标签是我们要操作的颜色块，按钮用来触发动画操作，如下图所示 接下来在页面中添加style标签，并为上面设置的div...
jQuery点击变色再点击还原,这是这部分代码,怎么实现点击之后变色,再点...
没有则添加。如添加一个.blue类。点击上午按钮时的代码如下：("#applyTimeMor").click(function(){ if($(this).hasClass("blue")){ $(this).removeClass("blue"); }else{ $(this).addClass("blue"); } });这是一个例子，你可以参考一下 ...
