通过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中的json对象详细介绍
Oct 29 Javascript
Javascript基础教程之数据类型 (字符串 String)
Jan 18 Javascript
JQuery CheckBox(复选框)操作方法汇总
Apr 15 Javascript
JQuery显示隐藏页面元素的方法总结
Apr 16 Javascript
js限制文本框的输入内容代码分享(3类)
Aug 20 Javascript
基于jquery插件实现拖拽删除图片功能
Aug 27 Javascript
浅谈jQuery 中的事件冒泡和阻止默认行为
May 28 Javascript
Angularjs 动态改变title标题(兼容ios)
Dec 29 Javascript
JavaScript中Object值合并方法详解
Dec 22 Javascript
使用Vue.observable()进行状态管理的实例代码详解
May 26 Javascript
layui输入框中只允许输入整数的实现方法
Sep 18 Javascript
使用vue3重构拼图游戏的实现示例
Jan 25 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
php程序效率优化的一些策略小结
2010/07/17 PHP
php遍历所有文件及文件夹的方法深入解析
2013/06/08 PHP
Laravel中的Auth模块详解
2017/08/17 PHP
js实现DIV的一些简单控制
2007/06/04 Javascript
javascript时间自动刷新实现原理与步骤
2013/01/06 Javascript
javascript跨域原因以及解决方案分享
2015/04/08 Javascript
JS实时弹出新消息提示框并有提示音响起的实现代码
2016/04/20 Javascript
javascript的理解及经典案例分析
2016/05/20 Javascript
jQuery回到顶部的代码
2016/07/09 Javascript
基于JavaScript实现添加到购物车效果附源码下载
2016/08/22 Javascript
JS检测window.open打开的窗口是否关闭
2017/06/25 Javascript
canvas+gif.js打造自己的数字雨头像的示例代码
2017/10/26 Javascript
详解JavaScript事件循环机制
2018/09/07 Javascript
vue项目持久化存储数据的实现代码
2018/10/01 Javascript
JavaScript表格隔行变色和Tab标签页特效示例【附jQuery版】
2019/07/11 jQuery
Jquery让form表单异步提交代码实现
2019/11/14 jQuery
教你用 Python 实现微信跳一跳(Mac+iOS版)
2018/01/04 Python
对Python中type打开文件的方式介绍
2018/04/28 Python
Python3中编码与解码之Unicode与bytes的讲解
2019/02/28 Python
Python中使用logging和traceback模块记录日志和跟踪异常
2019/04/09 Python
python爬虫 爬取58同城上所有城市的租房信息详解
2019/07/30 Python
ubuntu上安装python的实例方法
2019/09/30 Python
Python实现中值滤波去噪方式
2019/12/18 Python
Python中 Global和Nonlocal的用法详解
2020/01/20 Python
使用TensorFlow对图像进行随机旋转的实现示例
2020/01/20 Python
详解pandas中利用DataFrame对象的.loc[]、.iloc[]方法抽取数据
2020/12/13 Python
HTML高亮关键字的实现代码
2018/10/22 HTML / CSS
英国最大的割草机购买网站:Just Lawnmowers
2019/11/02 全球购物
什么是反射
2012/03/17 面试题
旷课检讨书大全
2014/01/21 职场文书
小学生寒假家长评语
2014/04/16 职场文书
购房公证委托书(2014版)
2014/09/12 职场文书
辞旧迎新演讲稿
2014/09/15 职场文书
部队2015年终工作总结
2015/04/02 职场文书
Vue3 Composition API的使用简介
2021/03/29 Vue.js
mysql 带多个条件的查询方式
2021/06/05 MySQL