通过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 相关文章推荐
firefox下对ajax的onreadystatechange的支持情况分析
Dec 14 Javascript
如何确保JavaScript的执行顺序 之实战篇
Mar 03 Javascript
JavaScript获取flash对象与网上的有所不同
Apr 21 Javascript
JavaScript获取function所有参数名的方法
Oct 30 Javascript
javascript中利用柯里化函数实现bind方法
Apr 29 Javascript
关于JavaScript中的this指向问题总结篇
Jul 23 Javascript
Angular4 中内置指令的基本用法
Jul 31 Javascript
JS随机排序数组实现方法分析
Oct 11 Javascript
vue-cli3.0配置及使用注意事项详解
Sep 05 Javascript
详解Vue前端生产环境发布配置实战篇
May 07 Javascript
Vue3 源码导读(推荐)
Oct 14 Javascript
vue axios封装httpjs,接口公用配置拦截操作
Aug 11 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环境下利用session防止页面重复刷新的具体实现
2014/01/09 PHP
Thinkphp和Bootstrap结合打造个性的分页样式(推荐)
2016/08/01 PHP
Yii框架结合sphinx,Ajax实现搜索分页功能示例
2016/10/18 PHP
PHP实现接收二进制流转换成图片的方法
2017/01/10 PHP
PHP两个n位的二进制整数相加问题的解决
2018/08/26 PHP
Jquery 插件学习实例1 插件制作说明与tableUI优化
2010/04/02 Javascript
js获得网页背景色和字体色的方法
2014/03/21 Javascript
jQuery+css实现的蓝色水平二级导航菜单效果代码
2015/09/11 Javascript
JavaScript+html5 canvas制作的百花齐放效果完整实例
2016/01/26 Javascript
谈谈JavaScript中浏览器兼容问题的写法小议
2016/12/17 Javascript
js实现功能比较全面的全选和多选
2017/03/02 Javascript
JS实现课堂随机点名和顺序点名
2017/03/09 Javascript
react实现pure render时bind(this)隐患需注意!
2017/03/09 Javascript
JQuery 又谈ajax局部刷新
2017/11/27 jQuery
JS基于递归实现网页版计算器的方法分析
2017/12/20 Javascript
如何使用vuex实现兄弟组件通信
2018/11/02 Javascript
layui使用label标签的方法
2019/09/14 Javascript
Python列表list数组array用法实例解析
2014/10/28 Python
Python将图片转换为字符画的方法
2020/06/16 Python
Django项目实战之用户头像上传与访问的示例
2018/04/21 Python
pycharm运行和调试不显示结果的解决方法
2018/11/30 Python
对python中dict和json的区别详解
2018/12/18 Python
Django框架用户注销功能实现方法分析
2019/05/28 Python
numpy.meshgrid()理解(小结)
2019/08/01 Python
Numpy将二维数组添加到空数组的实现
2019/12/05 Python
Django Serializer HiddenField隐藏字段实例
2020/03/31 Python
Python绘制动态水球图过程详解
2020/06/03 Python
Django如何使用asyncio协程和ThreadPoolExecutor多线程
2020/10/12 Python
纽约著名的服装辅料来源:M&J Trimming
2017/07/26 全球购物
地质灾害防治方案
2014/05/14 职场文书
党委书记群众路线对照检查材料思想汇报
2014/10/04 职场文书
工作作风建设心得体会
2014/10/22 职场文书
简历自我评价模板
2015/03/11 职场文书
光荣之路观后感
2015/06/12 职场文书
公司酒会致辞
2015/07/30 职场文书
Python之Matplotlib绘制热力图和面积图
2022/04/13 Python