通过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 相关文章推荐
Mootools 1.2教程 Tooltips
Sep 15 Javascript
JavaScript 浮点数运算 精度问题
Oct 06 Javascript
事件绑定之小测试  onclick && addEventListener
Jul 31 Javascript
javascript框架设计读书笔记之数组的扩展与修复
Dec 02 Javascript
jQuery获取attr()与prop()属性值的方法及区别介绍
Jul 06 Javascript
node.js中 stream使用教程
Aug 28 Javascript
D3.js实现直方图的方法详解
Sep 25 Javascript
EasyUI Datebox 日期验证之开始日期小于结束时间
May 19 Javascript
jQuery基于cookie实现换肤功能实例
Oct 14 jQuery
vue 中固定导航栏的实例代码
Nov 01 Javascript
javascript中的with语句学习笔记及用法
Feb 17 Javascript
vue 中的 render 函数作用详解
Feb 28 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 生成的XML以FLASH获取为乱码终极解决
2009/08/07 PHP
PHP获取用户的浏览器与操作系统信息的代码
2012/09/04 PHP
如何让CI框架支持service层
2014/10/29 PHP
php实现在新浪云中使用imagick生成缩略图并上传的方法
2016/09/26 PHP
laravel5.1框架基础之Blade模板继承简单使用方法分析
2019/09/05 PHP
PHP中关于php.ini参数优化详解
2020/02/28 PHP
jquery ajax 局部无刷新更新数据的实现案例
2014/02/08 Javascript
JavaScript判断textarea值是否为空并给出相应提示
2014/09/04 Javascript
JAVA四种基本排序方法实例总结
2015/07/24 Javascript
JS+html5 canvas实现的简单绘制折线图效果示例
2017/03/13 Javascript
jQuery手风琴的简单制作
2017/05/12 jQuery
vue proxyTable 接口跨域请求调试的示例
2017/09/12 Javascript
JavaScript数据结构与算法之队列原理与用法实例详解
2017/11/22 Javascript
全面解析vue router 基本使用(动态路由,嵌套路由)
2018/09/02 Javascript
vue-cli 构建骨架屏的方法示例
2018/11/08 Javascript
JS实现基本的网页计算器功能示例
2020/01/16 Javascript
js实现网页随机验证码
2020/10/19 Javascript
vue created钩子函数与mounted钩子函数的用法区别
2020/11/05 Javascript
简介Python的collections模块中defaultdict类型的用法
2016/07/07 Python
一个基于flask的web应用诞生 记录用户账户登录状态(6)
2017/04/11 Python
使用Django Form解决表单数据无法动态刷新的两种方法
2017/07/14 Python
python 字典 setdefault()和get()方法比较详解
2019/08/07 Python
python request 模块详细介绍
2020/11/10 Python
python 基于opencv去除图片阴影
2021/01/26 Python
Maison Lab荷兰:名牌Outlet购物
2018/08/10 全球购物
英国领先的独立酒精饮料零售商:DrinkSupermarket
2021/01/13 全球购物
2013英文求职信模板范文
2013/11/15 职场文书
班班通校本培训方案
2014/03/12 职场文书
元宵节主持词
2014/03/25 职场文书
个人借款担保书
2014/04/02 职场文书
毕业欢送会致辞
2015/07/29 职场文书
大学生志愿者心得体会
2016/01/15 职场文书
Java生成读取条形码和二维码的简单示例
2021/07/09 Java/Android
关于MybatisPlus配置双数据库驱动连接数据库问题
2022/01/22 Java/Android
vue 自定义的组件绑定点击事件
2022/04/21 Vue.js
Python可视化神器pyecharts绘制水球图
2022/07/07 Python