收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 40854|回复: 11

请教下:鼠标点击DIV后,DIV的背景变色,这个怎么写啊?

[复制链接]
发表于 2010-5-27 10:44:44 | 显示全部楼层 |阅读模式
请教下:鼠标点击DIV后,DIV的背景变色,这个怎么写啊?
主要是一个页面里有几个DIV,
想实现:点击一个DIV时,该DIV的背景变颜色,然后再点击另外一个DIV,之前的DIV颜色恢复,第二个点击的DIV换背景颜色。
在网上搜到的都是点击表格的,换成DIV的后,那个JS看不懂,不晓得怎么修改,请各位大侠帮帮忙呢?谢谢了
发表于 2010-5-27 10:54:54 | 显示全部楼层

 提示:您可以先修改部分代码再运行

回复 支持 反对

使用道具 举报

发表于 2010-5-27 10:59:07 | 显示全部楼层
2楼的JQ可以有更简便的方法onclick="if(this.style.background-color==black){this.style.background-color=red}else{this.style.background-color=black}"
回复 支持 反对

使用道具 举报

发表于 2010-5-27 11:12:01 | 显示全部楼层

回复 3# cwq2jxl 的帖子

呵呵,你可以试一下,你这个能不能实现LZ的需求....
回复 支持 反对

使用道具 举报

发表于 2010-5-27 11:24:02 | 显示全部楼层

不会用原生的JS - - #, jQuery威武 ^ ^~

这个代码框是不是有问题啊? 把代码考到本地运行就可以看到效果了


 提示:您可以先修改部分代码再运行


[[i] 本帖最后由 iioio 于 2010-5-27 11:25 编辑 ]
回复 支持 反对

使用道具 举报

 楼主| 发表于 2010-5-27 11:45:22 | 显示全部楼层
多谢2楼的,很好用,
不过有个小问题,
就是页面里的所有DIV都有那个背景色改变的功能,能不能改进一下,只加了某个ID的才有效呢?
回复 支持 反对

使用道具 举报

发表于 2010-5-27 12:19:53 | 显示全部楼层

 提示:您可以先修改部分代码再运行



把里面的 container 改成你的一堆<div>的父元素(容器)的id就成了
回复 支持 反对

使用道具 举报

发表于 2010-5-27 13:29:24 | 显示全部楼层
jQuery的简单很多啊!想学 jQuery了
回复 支持 反对

使用道具 举报

 楼主| 发表于 2010-5-27 13:37:02 | 显示全部楼层

回复 7# aolu11 的帖子

多谢了
回复 支持 反对

使用道具 举报

发表于 2013-1-21 16:22:44 | 显示全部楼层
thank you very much
回复 支持 反对

使用道具 举报

发表于 2015-10-27 11:30:59 | 显示全部楼层
二楼说的这段js怎么控制字体颜色为白色呢
回复 支持 反对

使用道具 举报

发表于 2016-10-19 10:20:18 | 显示全部楼层

 提示:您可以先修改部分代码再运行


zhege yang
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-12-2 05:24 , Processed in 0.093513 second(s), 8 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表