通过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 相关文章推荐
jquery 查找新建元素代码
Jul 06 Javascript
JavaScript中使用arguments获得函数传参个数实例
Aug 27 Javascript
javascript合并表格单元格实例代码
Jan 03 Javascript
基于jQuery实现仿QQ空间送礼物功能代码
May 24 Javascript
javascript设计模式Constructor(构造器)模式
Aug 19 Javascript
详解vue.js之props传递参数
Dec 12 Javascript
Vue多种方法实现表头和首列固定的示例代码
Feb 02 Javascript
Vue 实现拖动滑块验证功能(只有css+js没有后台验证步骤)
Aug 24 Javascript
js canvas画布实现高斯模糊效果
Nov 27 Javascript
详解React 服务端渲染方案完美的解决方案
Dec 14 Javascript
electron 安装,调试,打包的具体使用
Nov 06 Javascript
vue实现图片懒加载的方法分析
Feb 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-fpm的配置详解
2013/06/03 PHP
PHP连接MSSQL时nvarchar字段长度被截断为255的解决方法
2014/12/25 PHP
php中文字符串截取多种方法汇总
2016/10/06 PHP
JQuery 学习笔记 选择器之四
2009/07/23 Javascript
麻雀虽小五脏俱全 Dojo自定义控件应用
2010/09/04 Javascript
javascript解析json数据的3种方式
2014/05/08 Javascript
jQuery中大家不太了解的几个方法
2015/03/04 Javascript
Web前端开发工具——bower依赖包管理工具
2016/03/29 Javascript
全面解析Bootstrap中tab(选项卡)的使用方法
2016/06/06 Javascript
基于jQuery实现Accordion手风琴自定义插件
2020/10/13 Javascript
javascript正则表达式模糊匹配IP地址功能示例
2017/01/06 Javascript
微信小程序 高德地图SDK详解及简单实例(源码下载)
2017/01/11 Javascript
ES6新特性六:promise对象实例详解
2017/04/21 Javascript
Vue声明式渲染详解
2017/05/17 Javascript
原生JS实现图片无缝滚动方法(附带封装的运动框架)
2017/10/01 Javascript
Vue中使用vee-validate表单验证的方法
2018/05/09 Javascript
快速解决select2在bootstrap模态框中下拉框隐藏的问题
2018/08/10 Javascript
Vue一次性简洁明了引入所有公共组件的方法
2018/11/28 Javascript
nodejs微信开发之自动回复的实现
2019/03/17 NodeJs
layer弹出层自适应高度,垂直水平居中的实现
2019/09/16 Javascript
Python2.x版本中基本的中文编码问题解决
2015/10/12 Python
TensorFlow实现随机训练和批量训练的方法
2018/04/28 Python
浅谈python连续赋值可能引发的错误
2018/11/10 Python
python使用Turtle库绘制动态钟表
2018/11/19 Python
python opencv 读取本地视频文件 修改ffmpeg的方法
2019/01/26 Python
利用python求积分的实例
2019/07/03 Python
python中栈的原理及实现方法示例
2019/11/27 Python
python开发入门——set的使用
2020/09/03 Python
在终端启动Python时报错的解决方案
2020/11/20 Python
美国战术品牌:5.11 Tactical
2019/05/01 全球购物
会计专业毕业自荐书范文
2014/02/08 职场文书
查看nginx配置文件路径和资源文件路径的方法
2021/03/31 Servers
pycharm debug 断点调试心得分享
2021/04/16 Python
Spring Data JPA使用JPQL与原生SQL进行查询的操作
2021/06/15 Java/Android
python之基数排序的实现
2021/07/26 Python
springboot新建项目pom.xml文件第一行报错的解决
2022/01/18 Java/Android