from: http://sailinglee.javaeye.com/blog/423701
为了达到某种特殊的效果我们须要用Javascript动态的去修改某一个标签的Css属性。比如：鼠标经过一个图片时我们让图片加一个边框，代码可能是这样：
Javascript代码代码
<script type="text/javascript">
function imageOver(e) {
e.style.border="1px solid red";
}
function imageOut(e) {
e.style.borderWidth=0;
}
</script>
<img src="http://www.knowsky.com/http://www.knowsky.com/phplamp.gif" onmouseover="imageOver(this)" onmouseout="imageOut(this)" />
<script type="text/javascript">
function imageOver(e) {
e.style.border="1px solid red";
}
function imageOut(e) {
e.style.borderWidth=0;
}
</script>
<img src="http://www.knowsky.com/http://www.knowsky.com/phplamp.gif" onmouseover="imageOver(this)" onmouseout="imageOut(this)" />
JavaScript中style后面的属性应该是什么？
JavaScript CSS Style属性对照表
盒子标签和属性对照
CSS语法 (不区分大小写) JavaScript语法 (区分大小写)
border
border
border-bottom
borderBottom
border-bottom-color
borderBottomColor
border-bottom-style
borderBottomStyle
border-bottom-width
borderBottomWidth
border-color
borderColo
