当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 通过javascript设置css属性的代码

Javascript
javascript删除Table中的一行的脚本代码
非常不错的[JS]Cookie精通之路
日历控件在FF2.0,ie6下测试可用
JavaScript 给汉字排序实例代码
js查找父节点的简单方法
js禁用和激活input表单的方法
js兼容标准的表格变色效果
js文字滚动停顿效果代码
js打字机效果代码
复制本贴标题和地址的js代码
js兼容IE6,IE7菜单高亮显示效果代码
Class Of Marquee Scroll通用不间断滚动JS封装类
不错的JavaScript面向对象的简单入门介绍
Javascript&DHTML基础知识
Javascript & DHTML DOM基础和基本API
Javascript & DHTML上传文件控件
javascript indexOf函数使用说明
用JS剩余字数计算的代码
javascript 火狐(firefox)不显示本地图片问题解决
Javascript入门学习第一篇 js基础

Javascript 中的 通过javascript设置css属性的代码


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 300 ::
收藏到网摘: 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