php中点击按钮改变按钮颜色代码,JavaScript_jQuery实现多按钮单击变色，这个小特效代码很简单，就不 - phpStudy...

jQuery实现多按钮单击变色

这个小特效代码很简单，就不多做说明了，直接奉上源码。

JQuery代码：

//加载事件

$(function () {

var collection = $(".flag");

$.each(collection, function () {

$(this).addClass("start");

});

});

//单击事件

function dj(dom) {

var collection = $(".flag");

$.each(collection, function () {

$(this).removeClass("end");

$(this).addClass("start");

});

$(dom).removeClass("start");

$(dom).addClass("end");

}

Css代码：

.start

{

cursor:pointer;

color:Green;

}

.end

{

cursor:pointer;

color:Red;

}

Html代码：

LoveOne

LoveTwo

LoveThree

LoveFour

是不是很简单，特效也很好玩，小伙伴们可以自由发挥下，可扩展性还是很强的，如果做出来其他更好玩的，还请告诉我。相关阅读:

实现Asp.net mvc上传头像加剪裁功能

Android自定义shape的使用示例

android ListView内数据的动态添加与删除实例代码

win7怎么关闭自动更新？win7关闭自动更新方法

PHP实现HTML页面静态化的方法

【图文教程】怎么在Mac OS X 10.10与 iOS8 之间使用Handoff?

作为PHP程序员应该了解MongoDB的五件事

Win8系统下QQ弹出消息时播放器声音变小怎么办？播放器声音不受影响的解决办法

使用Java编写一个简单的Web的监控系统

JSP使用MVC模式完成删除和修改功能实例详解

谈谈Android6.0运行时的权限处理

PHP5.2中PDO的简单使用方法

结合JQ1.9通过js正则判断各种浏览器版本的方法

ThinkPHP模板范围判断输出In标签与Range标签用法详解