通过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 apply/call/caller/callee/bind使用方法与区别分析
Oct 28 Javascript
Javascript实现重力弹跳拖拽运动效果示例
Jun 28 Javascript
jQuery中detach()方法用法实例
Dec 25 Javascript
jquery关于事件冒泡和事件委托的技巧及阻止与允许事件冒泡的三种实现方法
Nov 27 Javascript
jQuery可见性过滤选择器用法示例
Sep 09 Javascript
为JQuery EasyUI 表单组件增加焦点切换功能的方法
Apr 13 jQuery
bootstrap table插件的分页与checkbox使用详解
Jul 23 Javascript
AngularJs每天学习之总体介绍
Aug 07 Javascript
vue-cli webpack2项目打包优化分享
Feb 07 Javascript
JS实现的简单分页功能示例
Aug 23 Javascript
vue 巧用过渡效果(小结)
Sep 22 Javascript
react项目从新建到部署的实现示例
Feb 19 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获取谷歌PR值算法,附上php查询PR值代码示例
2011/12/25 PHP
解析crontab php自动运行的方法
2013/06/24 PHP
PHP OPP机制和模式简介(抽象类、接口和契约式编程)
2014/06/09 PHP
php使用CURL伪造IP和来源实例详解
2015/01/15 PHP
CodeIgniter配置之routes.php用法实例分析
2016/01/19 PHP
Zend Framework教程之Application用法实例详解
2016/03/14 PHP
php仿微信红包分配算法的实现方法
2016/05/13 PHP
关于IE、Firefox、Opera页面呈现异同 写脚本很痛苦
2009/08/28 Javascript
javascript textContent与innerText的异同分析
2010/10/22 Javascript
jquery键盘事件介绍
2011/01/31 Javascript
文档对象模型DOM通俗讲解
2013/11/01 Javascript
jQuery拖拽排序插件制作拖拽排序效果(附源码下载)
2016/02/23 Javascript
jQuery实现div横向拖拽排序的简单实例
2016/07/13 Javascript
AngularJS中的表单简单入门
2016/07/28 Javascript
js实现仿购物车加减效果
2017/03/01 Javascript
AngularJS实现controller控制器间共享数据的方法示例
2017/10/30 Javascript
Vue拖拽组件开发实例详解
2018/05/11 Javascript
深入浅出了解Node.js Streams
2019/05/27 Javascript
python实现二维码扫码自动登录淘宝
2016/12/27 Python
Python 操作文件的基本方法总结
2017/08/10 Python
Python版名片管理系统
2018/11/30 Python
Python面向对象程序设计类的多态用法详解
2019/04/12 Python
Python进阶:生成器 懒人版本的迭代器详解
2019/06/29 Python
python字符串的拼接方法总结
2019/11/18 Python
python 实现按对象传值
2019/12/26 Python
html5嵌入内容_动力节点Java学院整理
2017/07/07 HTML / CSS
法国低价在线宠物商店:bitiba.fr
2020/07/03 全球购物
求职自荐信格式
2013/12/04 职场文书
居委会四风问题个人对照检查材料
2014/09/25 职场文书
新学期红领巾广播稿
2014/10/04 职场文书
读《工匠精神》有感:热爱工作,精益求精
2019/12/28 职场文书
Python编程源码报错解决方法总结经验分享
2021/10/05 Python
图片批量处理 - 尺寸、格式、水印等
2022/03/07 杂记
Axios代理配置及封装响应拦截处理方式
2022/04/07 Vue.js
Apache自带的ab压力测试工具的实现
2022/07/23 Servers
Win11 Build 25179预览版发布(附更新内容+ISO官方镜像下载)
2022/08/14 数码科技