通过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 方法实现返回多个数据的代码
Apr 30 Javascript
ajax java 实现自动完成功能
Dec 19 Javascript
javascript中Number对象的toString()方法分析
Dec 20 Javascript
你不需要jQuery(三) 新AJAX方法fetch()
Jun 14 Javascript
纯html+css+javascript实现楼层跳跃式的页面布局(实例代码)
Oct 25 Javascript
利用10行js代码实现上下滚动公告效果
Dec 08 Javascript
JavaScript实现的超简单计算器功能示例
Dec 23 Javascript
详解vue服务端渲染浏览器端缓存(keep-alive)
Oct 12 Javascript
微信小程序静默登录的实现代码
Jan 08 Javascript
基于redis的小程序登录实现方法流程分析
May 25 Javascript
javascript的hashCode函数实现代码小结
Aug 11 Javascript
微信小程序实现天气预报功能(附源码)
Dec 10 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
整理的9个实用的PHP库简介和下载
2010/11/09 PHP
php学习之 数组声明
2011/06/09 PHP
JpGraph php柱状图使用介绍
2011/08/23 PHP
PHP重定向的3种方式
2013/03/07 PHP
php gzip压缩输出的实现方法
2013/04/27 PHP
php判断页面是否是微信打开的示例(微信打开网页)
2014/04/25 PHP
如何优雅的使用 laravel 的 validator验证方法
2018/11/11 PHP
使用jQuery中的when实现多个AJAX请求对应单个回调的例子分享
2014/04/23 Javascript
jQuery实现个性翻牌效果导航菜单的方法
2015/03/09 Javascript
JavaScript给按钮绑定点击事件(onclick)的方法
2015/04/07 Javascript
使用JQuery在线制作ppt并在线演示源码特效
2015/09/08 Javascript
基于jQuery插件实现点击小图显示大图效果
2016/05/11 Javascript
JavaScript中匿名函数的用法及优缺点详解
2016/06/01 Javascript
window.open打开窗口被拦截的快速解决方法
2016/08/04 Javascript
Bootstrap精简教程中秋大放送
2016/09/15 Javascript
详解如何使用webpack打包Vue工程
2017/05/27 Javascript
JS实现简单拖拽效果
2017/06/21 Javascript
对vue里函数的调用顺序介绍
2018/03/17 Javascript
js模拟F11页面全屏显示
2019/09/17 Javascript
javascript 对象 与 prototype 原型用法实例分析
2019/11/11 Javascript
JavaScript前后端JSON使用方法教程
2020/11/23 Javascript
[38:31]完美世界DOTA2联赛PWL S3 Magma vs GXR 第一场 12.13
2020/12/17 DOTA
python读取和保存视频文件
2018/04/16 Python
解决python中使用plot画图,图不显示的问题
2018/07/04 Python
基于Python获取城市近7天天气预报
2019/11/26 Python
美国在线印刷公司:PsPrint
2017/10/12 全球购物
JVM是一个编译程序还是解释程序
2012/09/11 面试题
委托证明的格式
2014/01/10 职场文书
大学生创业感言
2014/01/25 职场文书
运动会邀请函范文
2014/01/31 职场文书
十八届三中全会学习方案
2014/02/16 职场文书
补充协议书
2015/01/28 职场文书
2015年入党积极分子培养考察意见
2015/08/12 职场文书
销售口号霸气押韵
2015/12/24 职场文书
pytorch实现线性回归以及多元回归
2021/04/11 Python
Keras多线程机制与flask多线程冲突的解决方案
2021/05/28 Python