通过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 相关文章推荐
url参数中有+、空格、=、%、&、#等特殊符号的问题解决
May 15 Javascript
window.opener用法和用途实例介绍
Aug 19 Javascript
jscript读写二进制文件的方法
Apr 22 Javascript
js调出上下文菜单的实例
Dec 17 Javascript
jQuery通过ajax请求php遍历json数组到table中的代码(推荐)
Jun 12 Javascript
微信开发 微信授权详解
Oct 21 Javascript
js选项卡的制作方法
Jan 23 Javascript
vue页面使用阿里oss上传功能的实例(二)
Aug 09 Javascript
详解React Native开源时间日期选择器组件(react-native-datetime)
Sep 13 Javascript
JS事件流与事件处理程序实例分析
Aug 16 Javascript
vue-cli3 取消eslint校验代码的解决办法
Jan 16 Javascript
vue中控制mock在开发环境使用,在生产环境禁用方式
Apr 06 Vue.js
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
第十一节 重载 [11]
2006/10/09 PHP
thinkphp模板赋值与替换实例简述
2014/11/24 PHP
php进行支付宝开发中return_url和notify_url的区别分析
2014/12/22 PHP
php实现在服务器上创建目录的方法
2015/03/16 PHP
贴一个在Mozilla中常用的Javascript代码
2007/01/09 Javascript
jQuery 技巧小结
2010/04/02 Javascript
自己动手制作jquery插件之自动添加删除行的实现
2011/10/13 Javascript
关于锚点跳转及jQuery下相关操作与插件
2012/10/01 Javascript
JS 获取滚动条高度示例代码
2013/10/24 Javascript
jQuery中prop()方法用法实例
2015/01/05 Javascript
Javascript中的call()方法介绍
2015/03/15 Javascript
JavaScript的ExtJS框架中数面板TreePanel的使用实例解析
2016/05/21 Javascript
js模拟支付宝密码输入框
2017/04/11 Javascript
node.js(express)中使用Jcrop进行图片剪切上传功能
2017/04/21 Javascript
微信小程序购物车、父子组件传值及calc的注意事项总结
2018/11/14 Javascript
微信小程序picker组件关于objectArray数据类型的绑定方法
2019/03/13 Javascript
微信小程序实现日期格式化和倒计时
2020/11/01 Javascript
超简单的微信小程序轮播图
2019/11/22 Javascript
vue在图片上传的时候压缩图片
2020/11/18 Vue.js
ESLint 是如何检查 .vue 文件的
2020/11/30 Vue.js
python使用clear方法清除字典内全部数据实例
2015/07/11 Python
Python抓取电影天堂电影信息的代码
2016/04/07 Python
Python实现翻转数组功能示例
2018/01/12 Python
Tensorflow卷积神经网络实例进阶
2018/05/24 Python
学习python可以干什么
2019/02/26 Python
详解Python用户登录接口的方法
2019/04/17 Python
关于Python3 lambda函数的深入浅出
2019/11/27 Python
Pyorch之numpy与torch之间相互转换方式
2019/12/31 Python
Keras之fit_generator与train_on_batch用法
2020/06/17 Python
python palywright库基本使用
2021/01/21 Python
CSS3使用transition实现的鼠标悬停淡入淡出
2015/01/09 HTML / CSS
深入剖析webstorage[html5的本地数据处理]
2016/07/11 HTML / CSS
原材料检验岗位职责
2014/03/15 职场文书
简单租房协议书
2014/04/09 职场文书
2016教师读书思廉心得体会
2016/01/23 职场文书
基于Python实现的购物商城管理系统
2021/04/27 Python