快速业务通道

CSS属性与JavaScript 编码方法对照表

作者 佚名技术 来源 CSS编程 浏览 发布时间 2012-05-26

CSS与JS紧密配合,为我们的页面增添了很多别致的效果。在52CSS.com中也有相关的案例。为了达到某种特殊的效果我们需要用Javascript动态的去更改某一个标签的CSS属性。比如:鼠标经过一个图片时我们让图片加一个边框,代码可能是这样:JavaScript中style后面的属性应该是什么?

<script type="text/javascript">   
     function imageOver(e) {   
         e.style.border="1px solid red";   
     }   
     function imageOut(e) {   
         e.style.borderWidth=0;   
     }   
</script>

<img src="01.png" onmouseover="imageOver(this)" onmouseout="imageOut(this)" />

JavaScript CSS Style属性对照表

盒子标签和属性对照

CSS语法 (不区分大小写)   JavaScript语法 (区分大小写)
border                               border
border-bottom                    borderBottom
border-bottom-color          borderBottomColor
border-bottom-style           borderBottomStyle
border-bottom-width          borderBottomWidth
border-color                      borderColor
border-left                         borderLeft
border-left-color                borderLeftColor
border-left-style                 borderLeftStyle
border-left-width               borderLeftWidth
border-right                      borderRight
border-right-color              borderRightColor
border-right-style              borderRightStyle
border-right-width             borderRightWidth
border-style                      borderStyle
border-top                        borderTop
border-top-color               borderTopColor
border-top-style          &n

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号