javascript点击变色 网页链接点击变色设置
老铁们，大家好，相信还有很多朋友对于javascript点击变色和网页链接点击变色设置的相关问题不太懂，没关系，今天就由我来为大家分享分享javascript点击变色以及网页链接点击变色设置的问题，文章篇幅可能偏长，希望可以帮助到大家，下面一起来看看吧！
js怎么实现点击选中,再次点击取消。
你好，下面是大概的效果，不过首先，你的包房名称要是唯一的，否则下列的代码会有bug，如果name不是唯一的，我可以提供另外一种思路给你
<html>
<head>
<title>zhong</title>
<styletype="text/css">
#divName{height:100px;}
#divNamelabel{display:inline-table;height:20px;line-height:20px;margin:05px;}
.divImgIn{width:100px;height:100px;background:blue;color:#000;}
.divImgOut{background:green;}
</style>
</head>
<body>
<divid="divName">
</div>
<div>
<divclass="divImgIn"name="广州">广州</div>
<divclass="divImgIn"name="上海">上海</div>
<divclass="divImgIn"name="深圳">深圳</div>
</div>
</body>
</html>
<scriptsrc=""type="text/javascript"></script>
<scripttype="text/javascript">
$(function(){
//为class=divImgIn的控件绑定click事件
$(".divImgIn").click(function(){
//使用toggleClass，如果class中没有divImgOut则附加上，有则减掉
$(this).toggleClass("divImgOut");
//获得当前的class，要么是divImgIn，要么是divImgIndivImgOut
varcss=$(this).attr("class");
//获得点击的房子的name属性
varname=$(this).attr("name");
//这个逻辑判断根据你的需求写
if(css!="divImgIn"){
//这句是加上一个label
$("#divName").append($("<labelname='"+name+"'>"+name+"</label>"));
}else{
//这句是删除label中name=name的
$("#divName").find("label[name='"+name+"']").remove();
}
})
})
</script>
jquery中如何改变按钮背景色
用jquery如何实现点击一栏目实现栏目变色，再点击另一栏目也变色，但原来的变回原色，我有个数组a（1、2、3)我循环遍历输出a的值。
复制代码代码如下:
<ul>
<li><a onclick="show();"><b>a[0]<b><a></li>
<li><a onclick="show();"><b>a[1]<b><a></li>
<li><a onclick="show();"><b>a[2]<b><a></li>
点击1—1变色。点击2,—变色。但1会变回原来的颜色，我show方法实现了其他的功能.。
下面是我初试的代码：
HTML code：
复制代码代码如下:
<style type="text/css">
.clckClass{color:red;}
</style>
<script type="text/javascript">
$('ul li a').bind('click', function(){
$('ul li a:not(this)').removeClass('clckClass');
$(this).addClass('clckClass');
});
</script>JScript code:
<style type="text/css">
.clckClass{color:red;}
</style>
<script type="text/javascript">
$('ul li a').bind('click', function(){
$('.clckClass').removeClass('clckClass');
$(this).addClass('clckClass');
});
</script>
上面的代码中，样式‘clckClass‘可能在其他元素上使用。使用$(‘.clckClass').removeClass(‘clckClass')，会将画面上所用使用clckClass样式的元素移出clckClass样式的，这显然不是我们要得结果。我们只需要移出ul li a下的clckClass样，不过后来发现上面的代码中，唯一一点是那个clckClass只能在这几个标签使用，如果其他也用的话，就可能会影响效果，是我考虑不周到。
200分求javascrapt代码
Javascript特效代码大全(420个)
Javascript特效代码
├ Cookie脚本
├随访问次数变提示
├集成Cookies
├使窗口仅弹出一次
├签名提示程序
├记录上次登录时间
├自由控制打开窗口
├记录页面修改时间
├检测IE去过站点
├离开时显示信息
├弹出窗口自动关闭
├离开页面弹出窗口
├进入时显示信息
├离开启动收藏夹
├链接确认按钮
├点击加入收藏夹
├记录页面更新时间
├页面载入等待
├打开硬盘驱动器
├设置默认首页
├输入框测试警告
├链接弹出警告框
├关闭窗口链接
├显示器分辨率检测
├按分辨率导航
├定制打开的窗口
├控制窗口打开日期
├打开窗口居中
├输入框控制
├查看输入框内容
├显示所有链接
├限时载入页面
├输入框神秘消失
├检测访问来源
├回退的页面数
├危险的链接
├倒计时载入页面
├自由打开窗口
├检测IE所装插件
├检测点链接速度
├检测健康程度？
├页面中打开窗口
├特殊的Bookmark
├窗口打开关闭程序
├随机显示一些数字
├页面自动打开
├进入弹出收藏夹
├自动显示是否更新
├浏览器详细报告
├
页面背景类
├背景向下移动
├背景不停变换色彩
├使页面产生百叶窗
├颜色代码英文集
├自已选择背景颜色
├背景颜色安全测试
├颜色选择器
├背景图片居中
├页面转换特效
├礼花背景
├链接驱动背景色
├手动调节背景色
├鼠标使链接变色
├跟随鼠标旋转背景
├背景调色板
├ RGB颜色转换
├按钮驱动背景
├颜色选择器
├精彩的变色文字
├颜色选择器
├闪烁的霓虹灯
├星星从背景中飞出
├背景向下移动(二)
├动态选择背景色
├下雨
├按钮驱动背景变化
├按钮使背景闪烁
├背景随机显示
├背景快速闪烁
├自己选择背景图片
├
文本特效类
├随机信息显示
├随机文本链接
├所有链接不停变色
├鼠标经过文字变色
├随日期变换文本
├文字颜色渐变脚本
├文本自动输出
├文字特效
├文字不停变色
├字符连续消隐
├公告栏
├文字动态变化
├字符飞舞
├文字特殊显示
├文字从旁边出现
├文本从右向左输出
├消息显示器
├随机跳出信息窗口
├随机产生乱码
├输入框各种效果
├文字从左到右出现
├信息逐条出现
├选择显示文字方式
├文字来回反弹
├文字逐个出现
├电子管显示
├文字循环出现
├可调节速度的撞击
├逐字出现的信息条
├自由控制文字输入
├一段彩色的文字
├可调节的输出形式
├文字同时输出
├调节文字移动形式
├文字飘动输出
├各种形式文字输出
├文字逐个闪烁
├文字上下跳动
├文字变色逐个出现
├点击改变文字
├文字段任意移动
├文字连续闪烁
├点击出现链接
├状态栏条
├链接在右面打开
├文字胡乱跳动
├文字段到处飞舞
├按钮驱动文字渐变
├文字向左移动
├文字弯曲变形
├双重输入文字
├综合字符集
├文字从小变大
├导航菜单类
├树形菜单(一)
├树形菜单(二)
├树形菜单(三)
├页面搜索类
├站内搜索脚本(一)
├站内搜索脚本(二)
├站内搜索脚本(三)
├站内搜索脚本(四)
├站内搜索脚本(五)
├站内搜索脚本(六)
├内部搜索脚本
├时间日期类
├任意位置显示时钟
├倒计时代码生成器
├八种风格时间显示
├显示登陆时间
├日历生成器
├退出显示访问时间
├一款特酷的时钟
├全中文日期显示
├纯JavaScript时钟
├距离某天时间
├显示特殊节日脚本
├时钟加在背景上
├ Form中的时钟
├带开关的Form时钟
├距离某日时间
├记录几天后的日期
├ Form栏特全时钟
├全球时间表
├随时间变化提示
├特酷的倒影时钟
├特酷的日期显示
├ 2000年日历
├时间日期转换
├时间跳动器
├自己创建日历
├生日提醒器
├计算任一天星期几
├离开某一天日期
├按钮上的时间
├ Form中时间显示
├检测星期几并导航
├最近的星期天
├全日制时钟
├用图片显示日期
├详细计算你的年龄
├时间按钮提醒
├计算出生时间
├页面完成时间
├
页面导航类
├显示站点信息导航
├任意显示导航信息
├动态导航脚本
├下拉式导航菜单
├静止导航菜单
├静止图片脚本
├文本静止不动
├信息框显示链接
├友情链接导航框
├目录式导航菜单
├重要信息说明脚本
├滚动链接导航
├图片代替按钮脚本
├打开窗口等待
├静态导航菜单
├层叠式导航菜单
├隐现导航脚本
├页面内部导航
├图片代替按钮脚本
├打开窗口等待
├滚动的超级链接
├先后点击链接
├按钮选择导航
├不停变化的导航
├随机的导航
├链接窗口说明
├同时打开多个链接
├打开链接显示信息
├又一动态导航脚本
├ Form框中导航
├屏幕翻滚导航
├带说明的导航
├任意多友情链接
├链接自动说明脚本
├开始选择导航
├链接处出现图标
├导航菜单选择
├
按钮特效类
├跑马灯式链接说明
├窗口打开关闭
├浮动的链接说明
├链接处变换色彩
├变换链接色和底色
├按顺序点击链接
├查看源代码按钮
├前进后退按钮
├按钮定制打开窗口
├按钮打开全屏窗口
├自由打开各种窗口
├按钮回到默认首页
├各种用途的按钮
├频道方式打开窗口
├按钮特殊效果
├浏览器全屏显示
├死机程序
├跳出说明窗口
├关不掉的跳出框
├循环的警告框
├检测页面来源
├屏幕抖动脚本
├页面被冻结
├
代码生成类
├动态按钮代码生成
├浏览器检测生成器
├ BrowserCheck脚本
├彩色文字生成器
├分割Frame的代码
├主页制作器
├
综合类
├加密页面源代码
├访问时间限制
├给页面加“热键”
├浏览器毁灭者
├文本中首字母大写
├查看某网址源代码
├文本中首字母大写
├综合的搜索引擎
├搜索引擎登记
├下载记时器脚本
├随机播放背景音乐
├随日期播放音乐
├ E-mail表单递交
├ Jsp容错脚本
├计算器(一)
├计算器(二)
├计算器(三)
├网页调用另外网页
├ FTP页面登录
├根据浏览器用CSS
├输入框的新属性
├数字排序
├发信(一)
├发信(二)
├发信(三)
├发信(四)
├发信(五)
├发信(六)
├ E-mail递交
├元素周期表
├显示人口数量
├计算平面两点距离
├页面自动刷新
├又一个容错脚本表
├打开多个搜索引擎
├可选择的页面信息
├直接页面显示器
├ MIDI音乐选择
├页面特效类
├字符从空中掉下来
├打字机式输出文字
├滚动显示的LOGO
├文本自动滚屏
├控制别人输入字数
├文本上下弹跳
├特酷消隐字体
├文本框栏目介绍
├旋转变换文字
├特酷的文本输出
├页面自动滚屏效果
├炽热的文字特效
├鼠标响应文字变色
├隐藏显示字符脚本
├鼠标响应图片变化
├星星满天闪烁
├打开页面颜色渐变
├页面打开特效
├英文名字变日文
├页面上下滚动
├页面缩小特效
├页面左右分开
├特殊的HTML字符
├图片满天飞舞
├页面掉下去
├页面向右滚屏
├综合页面特效
├图形图象类
├禁止图片下载
├图片隐现效果
├随机显示图片
├图片变形扭曲
├雪景
├图片渐渐出现
├相片选择器
├图形循环渐显
├图形左右晃动
├图形选择脚本
├图片翻滚导航
├图片定期消失
├自由控制图片下载
├自由设定图片大小
├图片响应鼠标变换
├图片自由运动
├图片大小变换
├图片随意移动
├自动显示图片属性
├图片循环显现
├图片变化效果
├随机显示banner
├鼠标驱动图片变化
├图片不停闪烁
├
鼠标事件类
├图片跟随鼠标
├鼠标响应新页面
├禁用鼠标左右键
├鼠标控制窗口开关
├鼠标点击效果
├禁用右键自动导航
├鼠标激活警告框
├鼠标跟踪器
├右键自动链接页面
├跟随鼠标的星星
├右键打开收藏夹
├字符围绕鼠标
├各种形状的鼠标
├跟随鼠标的字符
├非图片鼠标跟踪器
├显示链接特征
├改变链接属性
├显示鼠标坐标
├随鼠标的彩色字符
├状态栏特效
├状态栏跑马灯脚本
├文字从右弹出
├文字从左依次弹出
├文字从右到左移动
├文字快速依次弹出
├文字组合弹出
├文字不停闪烁
├状态栏显示链接
├ title显示日期
├文字来回出现
├状态栏固定信息
├状态栏特殊显示
├虚拟格式化硬盘
├状态栏显示输入
├ title显示时间
├病毒入侵演示
├文字从前后出现
├文字慢慢出现
├状态栏特殊效果
├文字从中间出现
├文字分解出现
├输入字符在状态栏
├文字多处出现
├ Title特效
├调节文字显示速度
├状态栏标准时钟
├密
码类
├控制他人进入页面
├用来实现会员制度
├密码保护相应页面
├自己编制密码表
├密码保护页面(一)
├游
戏类
├一款流行游戏
├双人小游戏
├动脑小游戏
├模拟跳舞游戏
├测试点击速度
├模拟太空飞行
├一个输赢游戏
├测试打字速度
├测试心算能力
├选择路线游戏
├射击小游戏
├字符在FORM中坠落
├堆积游戏
├ 21点游戏
├猜数的大小
├找相同的图片
├在线测试类
├在线考试脚本(一)
├在线考试脚本(二)
├在线考试脚本(三)
├在线考试脚本(四)
├在线考试脚本(五)
├在线考试脚本(六)
├测试警告
├
技巧类
├两个脚本同时调用
├加快图片显示
├页面自动刷新
├模拟跳舞游戏
├光标选择输入框
├更方便的单选框
├输入框无法输入
├ HTML加入jsp
├自动跳出Frame
├禁止页面加入缓存
├制作分析统计器
├密码输入框的问题
├屏蔽HTML(说明)
├输入框特殊效果
如果你还想了解更多这方面的信息，记得收藏关注本站。