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

Javascript
鼠标移动到一张图片时变为另一张图片
JS画图(非VML)--兼容IE/FF
基于prototype的validation.js发布2.3.4新版本,让你彻底脱离表单验证的烦恼
jQuery的一些注意
找到一点可怜的关于dojo资料,谢谢作者!
JS获取IUSR_机器名和IWAM_机器名帐号的密码
用js计算页面执行时间的函数
JS的IE和Firefox兼容性集锦
标准布局应用:对联与旗帜
XHTML-Strict 内允许出现的标签
自动生成文章摘要[JavaScript 版本]
飞鱼(shqlsl) javascript作品集
prototype 1.5相关知识及他人笔记
XP折叠菜单&仿QQ2006菜单
用Javascript轻松制作一套简单的抽奖系统
使用脚本控制网页Table的显示隐藏(全代码)_AX
Javascript代码混淆综合解决方案-Javascript在线混淆器
用 JavaScript 迁移目录
用简单的脚本实现一款漂亮的下拉菜单
建立完全独立的JS对象

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


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