为了达到某种特殊的效果我们需要用Javascript动态的去更改某一个标签的Css属性比如鼠标经过一个图片时我们让图片加一个边框代码可能是这样
JavaScript代码
<script type=text/javascript>
function imageOver(e) {
estyleborder=px solid red;
}
function imageOut(e) {
estyleborderWidth=;
}
</script>
<img src=phplampgif onmouseover=imageOver(this) onmouseout=imageOut(this) />
JavaScript中style后面的属性应该是什么?
JavaScript CSS Style属性对照表
盒子标签和属性对照 | CSS语法 (不区分大小写) | JavaScript语法 (区分大小写) | borderborderborderbottomborderBottomborderbottomcolorborderBottomColorborderbottomstyleborderBottomStyleborderbottomwidthborderBottomWidthbordercolorborderColorborderleftborderLeftborderleftcolorborderLeftColorborderleftstyleborderLeftStyleborderleftwidthborderLeftWidthborderrightborderRightborderrightcolorborderRightColorborderrightstyleborderRightStyleborderrightwidthborderRightWidthborderstyleborderStylebordertopborderTopbordertopcolorborderTopColorbordertopstyleborderTopStylebordertopwidthborderTopWidthborderwidthborderWidthclearclearfloatfloatStylemarginmarginmarginbottommarginBottommarginleftmarginLeftmarginrightmarginRightmargintopmarginToppaddingpaddingpaddingbottompaddingBottompaddingleftpaddingLeftpaddingrightpaddingRightpaddingtoppaddingTop
颜色和背景标签和属性对照 | CSS语法 (不区分大小写) | JavaScript语法 (区分大小写) | backgroundbackgroundbackground
attachmentbackgroundAttachmentbackground
colorbackgroundColorbackground
imagebackgroundImagebackground
positionbackgroundPositionbackground
repeatbackgroundRepeatcolorcolor
样式标签和属性对照 | CSS语法 (不区分大小写) | JavaScript语法 (区分大小写) | displaydisplaylist
style
typelistStyleTypelist
style
imagelistStyleImagelist
style
positionlistStylePositionlist
stylelistStylewhite
spacewhiteSpace
文字样式标签和属性对照 | CSS语法 (不区分大小写) | JavaScript语法 (区分大小写) | fontfontfont
familyfontFamilyfont
sizefontSizefont
stylefontStylefont
variantfontVariantfont
weightfontWeight
文本标签和属性对照 | CSS语法 (不区分大小写) | JavaScript语法 (区分大小写) | letter
spacingletterSpacingline
breaklineBreakline
heightlineHeighttext
aligntextAligntext
decorationtextDecorationtext
indenttextIndenttext
justifytextJustifytext
transformtextTransformvertical
alignverticalAlign