JS与JQ 点击改变div背景色的问题
这段代码的目的是清空指定div的背景色，我把JS和JQ的代码都贴出来了，但不知道哪里写错了，除了最下面的("fill","none");，其它都不起作用。求指点，谢谢！
<script type="text/javascript">
$(document).ready(function(){
$("#clear_all_color").click(function(e){
document.getElementById('outside_show').style.backgroundColor='none';
document.getElementById('inside_show').style.backgroundColor='none';
document.getElementById('solid_c1_outside').style.backgroundColor='none';
document.getElementById('solid_c1_inside').style.backgroundColor='none';
document.getElementById('segmented_c1_outside').style.backgroundColor='none';
document.getElementById('segmented_c1_inside').style.backgroundColor='none';
document.getElementById('.swirl_c1_outside').style.backgroundColor='none';
document.getElementById('.swirl_c1_inside').style.backgroundColor='none';
$("#outside_show").css("background-color","none");
$("#inside_show").css("background-color","none");
$("#solid_c1_outside").css("background-color","none");
$("#solid_c1_inside").css("background-color","none");
$("#segmented_c1_outside").css("background-color","none");
$("#segmented_c1_inside").css("background-color","none");
$(".swirl_c1_outside").css("fill","none");
$(".swirl_c1_inside").css("fill","none");
})
});
</script>
$("#outside_show").css("background-color", "");
清空背景颜色不能用none的。直接把css设置为空就可以了。
<script language="javascript">
function over(obj){
for(i=0;i<obj.childNodes.length;i++){
//alert(obj.childNodes[i])
obj.childNodes[i].style.backgroundColor='#0099CC';
}
}
function out(obj){
for(i=0;i<obj.childNodes.length;i++){
obj.childNodes[i].style.backgroundColor='#ffffff';
}
}
</script>
JS两个函数
在标签里面加入onClick="over(this)" oncontextmenu="out(this)"
如:
<tr onClick="over(this)" oncontextmenu="out(this)">本回答被网友采纳
$("#clear_all_color").click(function(e) {
$("#outside_show").css("background-color", "transparent");
$("#inside_show").css("background-color", "transparent");
$("#solid_c1_outside").css("background-color", "transparent");
$("#solid_c1_inside").css("background-color", "transparent");
$("#segmented_c1_outside").css("background-color", "transparent");
$("#segmented_c1_inside").css("background-color", "transparent");
$(".swirl_c1_outside").css("fill", "none");
$(".swirl_c1_inside").css("fill", "none");
})
});
需求一个js 或者 jq 通过点击一个按钮,来改变2个div的背景颜色
DOCTYPE html><html><head><meta charset="UTF-8"><title>jquery cookie<\/title><script src="http:\/\/libs.baidu.com\/jquery\/1.8.0\/jquery.min.js"><\/script> <title>颜色互换<\/title><\/head><body><style>.div1{ width:100px; height:100px; background:#00F;}.div2{ width:100...
jq多个div,单击当前div,只改变当前div的背景颜色
DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text\/html; charset=utf-8"><script src="https:\/\/cdn.bootcss.com\/jquery\/2.1.1\/jquery.min.js"><\/script><style>.selected {background-color: green;}<\/style><script>$("#select div").bind("click",function()...
...jq隔一段时间就改变body的背景图片或者背景颜色。。。???
<script type="text\/javascript">\/\/<![CDATA[var currentIndex = 0;function changeBg(){ \/\/定义要切换的背景图片，双引号里面"1.jpg","2.jpg","3.jpg","4.jpg"，可以放任意多个用,隔开 var bgImgs = ["1.jpg","2.jpg","3.jpg","4.jpg"]; if (currentIndex >= bgImg...
有十个div,怎样实现选中其中一个,改变其背景色,另外九个不变,当选中...
那div的地方要替换成.a1 (document).ready(function(){ (".a1").click(function(){ (".a1").css({"background":none});\/\/设置所有div无背景色 (this).css({"background":"#ff0000"});\/\/设置当前点击div背景色为红色，色号#ff0000 });});...
js或jq+html+css控制a链接点击后变化背景色
('.select-all a').click(function(){$(this).css('background','#f00').siblings('a').css('background','inherit');});\/\/试试
DIV+CSS实现弹出窗口隐藏\/显示效果+背景变暗
jQuery Lightbox Plugin 这个jq的框架就是这么的效果。。。你看一下。http:\/\/www.qianduan.net\/top-10-jquery-lightbox-scripts.html 这种就是点击弹出窗口，可以关闭，背景变暗，你所说的这几个需求都满足了。补充：还有这段代码。你试一下吧。<!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0...
js控制a标签增加背景色
js生手，不大记住这些词汇，大概就是给那些选项添加点击函数，获取该对象，吧他的背景色改为蓝色，在吧已选择的内容叠加起来，jq比较方便，我们只需要 (".option span").bind("click", function(){ (this).css("backgroundColor", "#000");("#getCheck").text( $("#getCheck").text() +...
jquery实现点击a标签后添加背景颜色
使用button标签创建一个按钮，按钮名称为“添加一个a标签”。5、在test.html文件内，给button按钮绑定onclick点击事件，当按钮被点击时，执行addaa（）函数。6、在js标签中，创建addaa()函数，在函数内，创建一个变量html保存要添加的a标签，再使用append()方法向被选对象（p标签）内添加一个a标签。
css+div html 鼠标滑过div里的内容变样式?
1、先在找个文件夹创建文件index.html。2、然后用能编辑文本文件的软件打开index.html，index.html的初始内容如图。3、接着编写两个样式作为鼠标移动时div修改的样式。4、然后编写js代码修改div的样式。5、编辑完index.html后保存，在浏览器中打开index.html。效果如图。鼠标移入移出div时，div的样式改变...
jquery 的animate()方法可以改变背景颜色么?
jquery 的animate()方法是不可以改变背景颜色的，如果想改变背景颜色，需要引入jquery.color插件，再用animate（）来实现背景色变化，具体代码如下：<script src='jquery.animate-colors.js'><\/script> ("div:contains('你好')").click(function(){$(this).animate({background:"red"},3000)})下面...
