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,如
代码如下:
调用时很简单,如
代码如下:
点我改变样式
这是一个控制CSS样式的javascript
给你解释下
1.你要是想改变样式必须通过ID来得到这个对象document.getElementById("L1")当然你的样式要写到标签的属性里面还要给标签定义一个ID
2.做个事件,比如鼠标单机事件onClick="change()"
3.定义一个函数让他做函数大括号中的事情
4.下面有注释