繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 通过javascript设置css属性的代码
- Javascript
- JavaScript 基础问答一
- CSS JavaScript 实现菜单功能 改进版
- JavaScript 图片切割效果(放大镜)
- JavaScript 拖放效果代码
- 漂亮的js tab图片轮换效果代码(可自定义的幻灯片和图片缓冲切换)
- 鼠标滑过 放大显示效果的列表
- JS 相册效果 自动播放[本地整合]
- 仿CSDN 右下角悬挂的浮动层效果
- 右下角广告(点击广告后出现关闭按钮可关闭)
- javascript this用法小结
- JavaScript 绘图代码
- JavaScript CSS菜单功能 改进版
- javascript jQuery插件练习
- jQuery 浮动广告实现代码
- jQuery 位置插件
- jquery 插件之仿“卓越亚马逊”首页弹出菜单效果
- jquery 图片预加载 自动等比例缩放插件
- JavaScript 仿关机效果的图片层
- javascript 对表格的行和列都能加亮显示
- JavaScript Select和Option列表元素上下左右移动
Javascript 中的 通过javascript设置css属性的代码
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 328 ::
收藏到网摘: n/a
通过javascript设置css属性的方法需要的朋友可以参考下。
1.透明度：
如果没有为一个文本指定一个背景颜色或者一个背景图像，那么这个元素的背景通常是透明的。
这一点很重要，如果一个绝对定位的且带有文本的元素放在一个有文本的元素之上，那么将会十分的混乱，那么我们就可以通过设置背景图片或者背景颜色来进行遮盖，如果必须的话我们可以将其显示的设置为"transparent"（透明的）
通用的设置透明元素通用的css如下：
复制代码 代码如下:
opacity:.75;//ff new
-moz-opacity:.75;// transparency for older Mozillas
filter:Alpha(opacity=75);//for IE
2.带有连字符的css：
骆驼式命名：
复制代码 代码如下:
element.style.fontFamily = "sans-serif";
element.style.borderLeftWidth = "5px";
element.style.zIndex = 100;
3.注意的地方：
复制代码 代码如下:
var padding_left = 50;
element.style.left = padding_left + "px";//不要忘记加单位
var topMargin = 10,rigntMargin = 11,bottomMargin = 12,leftMargin = 13;
element.style.margin = topMargin + "px" + rigntMargin + "px" + bottomMargin + "px" + leftMargin + "px";
4.设置float
复制代码 代码如下:
element.style.cssFloat = "left";//firefox chrome opera
element.style.styleFloat = "left";//IE
评论 (0) All
