通过javascript设置css属性的代码_javascript技巧
程序员文章站
2022-04-06 22:05:18
...
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
如果没有为一个文本指定一个背景颜色或者一个背景图像,那么这个元素的背景通常是透明的。
这一点很重要,如果一个绝对定位的且带有文本的元素放在一个有文本的元素之上,那么将会十分的混乱,那么我们就可以通过设置背景图片或者背景颜色来进行遮盖,如果必须的话我们可以将其显示的设置为"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
上一篇: JavaScript中关于代码执行的先后顺序问题详解
下一篇: 从JSON中读取数据追加到HTML中
推荐阅读
-
ASP、PHP与javascript根据时段自动切换CSS皮肤的代码
-
2019 年编写现代 JavaScript 代码的5个小技巧(小结)
-
php读取javascript设置的cookies的代码
-
JavaScript中最常用的10种代码简写技巧总结
-
通过JavaScript或PHP检测Android设备的代码
-
javascript 动态生成css代码的两种方法
-
javascript简写常用的12个技巧(可以大大减少你的js代码量)
-
javascript 获取特定的 CSS属性值
-
JavaScript HTML 的 DOM 属性总结(代码实例)
-
用javascript来控制 链接的target 属性的代码