通过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中onload与onunload的使用示例
Aug 25 Javascript
使用angular写一个hello world
Jan 23 Javascript
jQuery绑定事件-多种实现方式总结
May 09 Javascript
JS简单随机数生成方法
Sep 05 Javascript
JavaScript中undefined和null的区别
May 03 Javascript
javascript实现QQ空间相册展示源码
Dec 12 Javascript
vue2中使用less简易教程
Mar 27 Javascript
微信小程序 腾讯地图显示偏差问题解决
Jul 27 Javascript
如何基于原生javaScript生成带图片的二维码
Nov 21 Javascript
JavaScript实现多个物体同时运动
Mar 12 Javascript
js实现无缝轮播图插件封装
Jul 31 Javascript
vue axios请求成功却进入catch的原因分析
Sep 08 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
一个用php3编写的简单计数器
2006/10/09 PHP
PHP 存取 MySQL 数据库的一个例子
2006/10/09 PHP
PHP中Session和Cookie是如何操作的
2015/10/10 PHP
php在数据库抽象层简单使用PDO的方法
2015/11/03 PHP
Yii配置与使用memcached缓存的方法
2016/07/13 PHP
php 使用 __call实现重载功能示例
2019/11/18 PHP
JavaScript对象模型-执行模型
2008/04/28 Javascript
Prototype 学习 工具函数学习($A方法)
2009/07/12 Javascript
editable.js 基于jquery的表格的编辑插件
2011/10/24 Javascript
jquery插件lazyload.js延迟加载图片的使用方法
2014/02/19 Javascript
window.print打印指定div指定网页指定区域的方法
2014/08/04 Javascript
js中 计算两个日期间的工作日的简单实例
2016/08/08 Javascript
详解Vue2.0里过滤器容易踩到的坑
2017/06/01 Javascript
Vue项目中引入外部文件的方法(css、js、less)
2017/07/24 Javascript
Angular使用 ng-img-max 调整浏览器中的图片的示例代码
2017/08/17 Javascript
Node解决简单重复问题系列之Excel内容的获取
2018/01/02 Javascript
VUEJS 2.0 子组件访问/调用父组件的实例
2018/02/10 Javascript
js中async函数结合promise的小案例浅析
2019/04/14 Javascript
Vue搭建后台系统需要注意的问题
2019/11/08 Javascript
[16:19]教你分分钟做大人——风暴之灵
2015/03/11 DOTA
Python基本语法经典教程
2016/03/11 Python
Python中函数eval和ast.literal_eval的区别详解
2017/08/10 Python
python 实现在Excel末尾增加新行
2018/05/02 Python
OpenCV+python手势识别框架和实例讲解
2018/08/03 Python
mac系统下Redis安装和使用步骤详解
2019/07/09 Python
Python实现RGB与HSI颜色空间的互换方式
2019/11/27 Python
python代码区分大小写吗
2020/06/17 Python
canvas实现高阶贝塞尔曲线(N阶贝塞尔曲线生成器)
2018/01/10 HTML / CSS
法国太阳镜店:Sunglasses Shop
2016/08/27 全球购物
机电一体化毕业生求职信
2013/11/02 职场文书
学用政策心得体会
2014/09/10 职场文书
社会心理学学习心得体会
2016/01/22 职场文书
Pytorch使用shuffle打乱数据的操作
2021/05/20 Python
一篇带你入门Java垃圾回收器
2021/06/16 Java/Android
mysql查询结果实现多列拼接查询
2022/04/03 MySQL
vue项目打包后路由错误的解决方法
2022/04/13 Vue.js