通过javascript设置css属性的代码


Posted in Javascript onDecember 28, 2009

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
Javascript 相关文章推荐
限制文本字节数js代码
Mar 06 Javascript
js调用AJAX时Get和post的乱码解决方法
Jun 04 Javascript
js数字转换为float,取N位小数
Feb 08 Javascript
js控制文本框只输入数字和小数点的方法
Mar 10 Javascript
仅9张思维导图帮你轻松学习Javascript 就这么简单
Jun 01 Javascript
JQuery 设置checkbox值二次无效的解决方法
Jul 22 Javascript
jquery事件绑定解绑机制源码解析
Sep 19 Javascript
JS匿名函数实例分析
Nov 26 Javascript
微信小程序异步处理详解
Nov 10 Javascript
VUE脚手架具体使用方法
May 20 Javascript
jquery实现上传文件进度条
Mar 26 jQuery
js 执行上下文和作用域的相关总结
Feb 08 Javascript
JavaScript的public、private和privileged模式
Dec 28 #Javascript
Javascript 面向对象特性
Dec 28 #Javascript
extJs 常用到的增,删,改,查操作代码
Dec 28 #Javascript
firefox和IE系列的相关区别整理 以备后用
Dec 28 #Javascript
javascript 显示当前系统时间代码
Dec 28 #Javascript
javascript 鼠标悬浮图片显示原图 移出鼠标后原图消失(多图)
Dec 28 #Javascript
javascript options属性集合操作代码
Dec 28 #Javascript
You might like
PHP使用DirectoryIterator显示下拉文件列表的方法
2015/03/13 PHP
php获取twitter最新消息的方法
2015/04/14 PHP
php生成图片验证码的实例讲解
2015/08/03 PHP
实例简介PHP的一些高级面向对象编程的特性
2015/11/27 PHP
php 获取文件行数的方法总结
2016/10/11 PHP
使用WAMP搭建PHP本地开发环境
2017/05/10 PHP
深入理解PHP的远程多会话调试
2017/09/21 PHP
jQuery的实现原理的模拟代码 -2 数据部分
2010/08/01 Javascript
jquery获取焦点和失去焦点事件代码
2013/04/21 Javascript
解析offsetHeight,clientHeight,scrollHeight之间的区别
2013/11/20 Javascript
使用GruntJS构建Web程序之合并压缩篇
2014/06/06 Javascript
Bootstrap入门书籍之(一)排版
2016/02/17 Javascript
jquery基础知识第一讲之认识jquery
2016/03/17 Javascript
javascript的replace方法结合正则使用实例总结
2016/06/16 Javascript
AngularJS基础 ng-non-bindable 指令详细介绍
2016/08/02 Javascript
Vue.js每天必学之数据双向绑定
2016/09/05 Javascript
AngularJS学习第一篇 AngularJS基础知识
2017/02/13 Javascript
对node.js中render和send的用法详解
2018/05/14 Javascript
微信小程序 textarea 层级过高问题简单解决方案
2019/10/14 Javascript
vue element-ui实现动态面包屑导航
2019/12/23 Javascript
Jquery 获取相同NAME 或者id删除行操作
2020/08/24 jQuery
Python网络爬虫中的同步与异步示例详解
2018/02/03 Python
python 中的列表生成式、生成器表达式、模块导入
2019/06/19 Python
Python3.7 pyodbc完美配置访问access数据库
2019/10/03 Python
python调用matplotlib模块绘制柱状图
2019/10/18 Python
python装饰器的特性原理详解
2019/12/25 Python
python2 对excel表格操作完整示例
2020/02/23 Python
super关键字的用法
2012/04/10 面试题
小学生自我评价范文
2014/01/25 职场文书
大四学生找工作的自荐信
2014/03/27 职场文书
老师对学生的寄语
2014/04/09 职场文书
师范生自荐信模板
2014/05/28 职场文书
英文道歉信
2015/01/20 职场文书
2016年教师寒假学习心得体会
2015/10/09 职场文书
如何利用js在两个html窗口间通信
2021/04/27 Javascript
解决WINDOWS电脑开机后桌面没有任何图标
2022/04/09 数码科技