通过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 相关文章推荐
JavaScript delete 属性的使用
Oct 08 Javascript
基于jQuery的Tab选项框效果代码(插件)
Mar 01 Javascript
CodeMirror2 IE7/IE8 下面未知运行时错误的解决方法
Mar 29 Javascript
javascript工具库代码
Mar 29 Javascript
confirm的用法示例用于按钮操作时确定是否执行
Jun 19 Javascript
javascript截取字符串小结
Apr 28 Javascript
Jquery+Ajax+PHP+MySQL实现分类列表管理(下)
Oct 28 Javascript
JS实现支持Ajax验证的表单插件
Mar 24 Javascript
基于js中的原型、继承的一些想法
Aug 10 Javascript
Vue实现动态显示textarea剩余字数
May 22 Javascript
ionic3+Angular4实现接口请求及本地json文件读取示例
Oct 11 Javascript
JavaScript实现图片懒加载的方法分析
Jul 05 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 URL跳转代码 减少外链
2011/06/25 PHP
在Yii2中使用Pjax导致Yii2内联脚本载入失败的原因分析
2016/03/06 PHP
Zend Framework框架教程之Zend_Db_Table_Rowset用法实例分析
2016/03/21 PHP
laravel5.4生成验证码的实例讲解
2017/08/05 PHP
用php实现分页效果的示例代码
2020/12/10 PHP
让textarea控件的滚动条怎是位与最下方
2007/04/20 Javascript
jquery对表单操作2
2011/04/06 Javascript
jquery实现div阴影效果示例代码
2013/09/16 Javascript
JavaScript中的全局对象介绍
2015/01/01 Javascript
深入浅出分析javaScript中this用法
2015/05/09 Javascript
JS实现简单的图书馆享元模式实例
2015/06/30 Javascript
Angularjs 实现分页功能及示例代码
2016/09/14 Javascript
基于vue实现分页效果
2017/11/06 Javascript
JS使用setInterval实现的简单计时器功能示例
2018/04/19 Javascript
JS Object.preventExtensions(),Object.seal()与Object.freeze()用法实例分析
2018/08/25 Javascript
了解在JavaScript中将值转换为字符串的5种方法
2019/06/06 Javascript
JavaScript中的this基本问题实例小结
2020/03/09 Javascript
详解ES6数组方法find()、findIndex()的总结
2020/05/12 Javascript
python中from module import * 的一个坑
2014/07/20 Python
python中的五种异常处理机制介绍
2014/09/02 Python
python下载文件时显示下载进度的方法
2015/04/02 Python
python结合opencv实现人脸检测与跟踪
2015/06/08 Python
Python实现带百分比的进度条
2016/06/28 Python
tensorflow识别自己手写数字
2018/03/14 Python
python实现BP神经网络回归预测模型
2019/08/09 Python
Python 实现的 Google 批量翻译功能
2019/08/26 Python
CSS3制作ajax loader icon实现思路及代码
2013/08/25 HTML / CSS
荷兰包包购物网站:The Little Green Bag
2018/03/17 全球购物
奥地利度假券的专家:we-are.travel
2019/04/10 全球购物
洗发露广告词
2014/03/14 职场文书
设备管理实施方案
2014/05/31 职场文书
学校感恩教育活动总结
2014/07/07 职场文书
个人借款协议书范本
2014/11/17 职场文书
2014年生活老师工作总结
2014/12/23 职场文书
2015教师个人工作总结范文
2015/03/31 职场文书
离婚起诉书范本
2015/05/18 职场文书