javascript 改变指定css样式
.Tab.TabTitle.active{background-image:url(images/aaadd.jpg);background-repeat:no-repe...
.Tab .TabTitle .active{
background-image: url(images/aaadd.jpg);
background-repeat: no-repeat;
}
我想通过js改变css文件中 上面这个样式中 background-image 图片
怎么改``请高手指教 展开
background-image: url(images/aaadd.jpg);
background-repeat: no-repeat;
}
我想通过js改变css文件中 上面这个样式中 background-image 图片
怎么改``请高手指教 展开
2个回答
展开全部
javascript改变CSS样式分为局部和全局，分别如下：
一、局部改变样式
有三种方法：直接改变样式、改变className和改变cssText
改变className： document.getElementById('obj').className="…"
改变cssText：document.getElementById('obj').style.cssText="width:20px; border:solid 1px #f00;";
改变直接样式： document.getElementById('obj').style.backgroundColor="#003366″
二、全局改变样式
通过改变外链样式的的href的值实现网页样式的实时切换，也就是"改变模板风格"。
首先需要赋予需要改变的目标一个id，如
代码如下:
<link rel="stylesheet" type="text/css" id="css" href="firefox.css" />
调用时很简单，如
代码如下:
<span onclick="javascript:document.getElementById('css').href='ie.css'">点我改变样式</span>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这是一个控制CSS样式的javascript
给你解释下
1.你要是想改变样式必须通过ID来得到这个对象document.getElementById("L1"）当然你的样式要写到标签的属性里面还要给标签定义一个ID
2.做个事件,比如鼠标单机事件onClick="change()"
3.定义一个函数让他做函数大括号中的事情
4.下面有注释
<html>
<head>
<title>翔</title>
<script language="javascript">
function change(){
document.getElementById("L1").style.backgroundColor="#00ff00";
//通过ID得到当前对象.样式.背景颜色="绿色";
}
</script>
</head>
<body>
<div id="L1" style="position:absolute;
left:72px;
top:62px;
width:192px;
height:137px;
background-color:#003399;
z-index:1;" onClick="change()">
把样式写到了标签里面便于对照
</div>
</body>
</html>
还有更多的你可以自己琢磨琢磨
javascript是个很有意思的脚本language
给你解释下
1.你要是想改变样式必须通过ID来得到这个对象document.getElementById("L1"）当然你的样式要写到标签的属性里面还要给标签定义一个ID
2.做个事件,比如鼠标单机事件onClick="change()"
3.定义一个函数让他做函数大括号中的事情
4.下面有注释
<html>
<head>
<title>翔</title>
<script language="javascript">
function change(){
document.getElementById("L1").style.backgroundColor="#00ff00";
//通过ID得到当前对象.样式.背景颜色="绿色";
}
</script>
</head>
<body>
<div id="L1" style="position:absolute;
left:72px;
top:62px;
width:192px;
height:137px;
background-color:#003399;
z-index:1;" onClick="change()">
把样式写到了标签里面便于对照
</div>
</body>
</html>
还有更多的你可以自己琢磨琢磨
javascript是个很有意思的脚本language
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
