如何用js控制css基本样式

如何用js控制css基本样式

ID:34461308

大小:32.17 KB

页数:7页

时间:2019-03-06

如何用js控制css基本样式_第1页
如何用js控制css基本样式_第2页
如何用js控制css基本样式_第3页
如何用js控制css基本样式_第4页
如何用js控制css基本样式_第5页
资源描述:

《如何用js控制css基本样式》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库

1、用JS控制CSS基本样式的方法CSScode.class1{width:10px;background-color:red;}HTMLcodeNewDocumentaaa

(2)

3、/EN">NewDocumentaaa

还可以用  document.styleSheets(i).href  可以知道当前页面中引用的每个css的文件!另:CSS属性与JavaScript编码对照表(一定要注意,上次本人_何向阳,在使用js修改css的中margin-left属性时,总报"left"未定义,后来,找了好多资料,才发现在js中,margin-left的写法为:marginLeft,恍然大悟,希望遇到相同

5、问题的朋友,谨慎对待。)CSS与JS紧密配合,为我们的页面增添了很多别致的效果。为了达到某种特殊的效果我们需要用Javascript动态的去更改某一个标签的CSS属性。   比如:鼠标经过一个图片时我们让图片加一个边框,代码可能是这样:JavaScript中style后面的属性应该是什么?   functionimageOver(e){   e.style.border="1pxsolidred";   }   functionimageOut(e){   e.sty

6、le.borderWidth=0;   }      JavaScriptCSSStyle属性对照表   盒子标签和属性对照CSS语法(不区分大小写)  JavaScript语法(区分大小写)border  borderborder-bottom  borderBottomborder-bottom-color  borderBottomColorborder-

7、bottom-style  borderBottomStyleborder-bottom-width  borderBottomWidthborder-color  borderColorborder-left  borderLeftborder-left-color  borderLeftColorborder-left-style  borderLeftStyleborder-left-width  borderLeftWidthborder-right  borderRightborder-right-color  bo

8、rderRightColorborder-right-style  borderRightStyleborder-right-width  borderRightWidthborder-style  borderStyleborder-top  borderTopborder

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
相关标签