通过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类中获取外部函数名的方法
Aug 19 Javascript
Javascript全局变量var与不var的区别深入解析
Dec 09 Javascript
js判断浏览器类型及设备(移动页面开发)
Jul 30 Javascript
javascript数组克隆简单实现方法
Dec 16 Javascript
不得不分享的JavaScript常用方法函数集(下)
Dec 25 Javascript
javascript实现页面滚屏效果
Jan 17 Javascript
Webpack实现按需打包Lodash的几种方法详解
May 08 Javascript
JavaScript解析任意形式的json树型结构展示
Jul 23 Javascript
利用canvas中toDataURL()将图片转为dataURL(base64)的方法详解
Nov 20 Javascript
微信小程序错误this.setData报错及解决过程
Sep 18 Javascript
从零使用TypeScript开发项目打包发布到npm
Feb 14 Javascript
vue 路由懒加载中给 Webpack Chunks 命名的方法
Apr 24 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
PHPCMS的使用小结
2010/09/20 PHP
php切割页面div内容的实现代码分享
2012/07/31 PHP
php源代码安装常见错误与解决办法分享
2013/05/28 PHP
php单例模式实现方法分析
2015/03/14 PHP
php关键字仅替换一次的实现函数
2015/10/29 PHP
PHP中遍历数组的三种常用方法实例分析
2019/06/24 PHP
javascript 文本框水印/占位符(watermark/placeholder)实现方法
2012/01/15 Javascript
iframe的onreadystatechange事件在firefox下的使用
2014/04/16 Javascript
jQuery中parents()和parent()的区别分析
2014/10/28 Javascript
使用javascript实现判断当前浏览器
2015/04/14 Javascript
jQuery仅用3行代码实现的显示与隐藏功能完整实例
2015/10/08 Javascript
JS组件系列之Bootstrap Icon图标选择组件
2016/01/28 Javascript
JavaScript获取当前运行脚本文件所在目录的方法
2016/02/03 Javascript
使用jquery.form.js实现图片上传的方法
2016/05/05 Javascript
js实现页面a向页面b传参的方法
2016/05/29 Javascript
nodeJs链接Mysql做增删改查的简单操作
2017/02/04 NodeJs
Node.JS更改Windows注册表Regedit的方法小结
2017/08/18 Javascript
微信小程序6位或多位验证码密码输入框功能的实现代码
2018/05/29 Javascript
JS调用安卓手机摄像头扫描二维码
2018/10/16 Javascript
图片文字识别(OCR)插件Ocrad.js教程
2018/11/26 Javascript
vue结合element-ui使用示例
2019/01/24 Javascript
详解webpack-dev-middleware 源码解读
2020/03/23 Javascript
JavaScript如何判断对象有某属性
2020/07/03 Javascript
解决idea开发遇到javascript动态添加html元素时中文乱码的问题
2020/09/29 Javascript
Vue基于localStorage存储信息代码实例
2020/11/16 Javascript
vue.js watch经常失效的场景与解决方案
2021/01/07 Vue.js
Python Tkinter简单布局实例教程
2014/09/03 Python
python检测远程端口是否打开的方法
2015/03/14 Python
python基于socket实现网络广播的方法
2015/04/29 Python
Python对文件和目录进行操作的方法(file对象/os/os.path/shutil 模块)
2017/05/08 Python
Python排序搜索基本算法之希尔排序实例分析
2017/12/09 Python
10个Python面试常问的问题(小结)
2019/11/20 Python
Python操作word文档插入图片和表格的实例演示
2020/10/25 Python
Fanatics法国官网:美国体育电商
2019/08/27 全球购物
结婚仪式主持词
2015/06/29 职场文书
2016高一新生军训心得体会
2016/01/11 职场文书