通过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 相关文章推荐
JXTree对象,读取外部xml文件数据,生成树的函数
Apr 02 Javascript
picChange 图片切换特效的函数代码
May 06 Javascript
通过一段代码简单说js中的this的使用
Jul 23 Javascript
详解Javascript ES6中的箭头函数(Arrow Functions)
Aug 24 Javascript
Javascript 数组去重的方法(四种)详解及实例代码
Nov 24 Javascript
Bootstrap基本样式学习笔记之表单(3)
Dec 07 Javascript
Vuejs 页面的区域化与组件封装的实现
Sep 11 Javascript
Node.js折腾记一:读指定文件夹,输出该文件夹的文件树详解
Apr 20 Javascript
node-red File读取好保存实例讲解
Sep 11 Javascript
layer.open 获取不到表单信息的解决方法
Sep 26 Javascript
解决vuex数据异步造成初始化的时候没值报错问题
Nov 13 Javascript
vue 获取元素额外生成的data-v-xxx操作
Sep 09 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按百分比生成缩略图的代码分享
2014/05/10 PHP
php实现的美国50个州选择列表实例
2015/04/20 PHP
php打乱数组二维数组多维数组的简单实例
2016/06/17 PHP
PHP实现基于面向对象的mysqli扩展库增删改查操作工具类
2017/07/18 PHP
phpstorm 正则匹配删除空行、注释行(替换注释行为空行)
2018/01/21 PHP
javascript编程起步(第七课)
2007/02/27 Javascript
javascript结合Canvas 实现简易的圆形时钟
2015/03/11 Javascript
js实现瀑布流的三种方式比较
2020/06/28 Javascript
JavaScript的Backbone.js框架入门学习指引
2016/05/07 Javascript
js轮播图代码分享
2016/07/14 Javascript
强大Vue.js组件浅析
2016/09/12 Javascript
详解VueJs异步动态加载块
2017/03/09 Javascript
vue集成chart.js的实现方法
2019/08/20 Javascript
layui+jquery支持IE8的表格分页方法
2019/09/28 jQuery
解决vue加scoped后就无法修改vant的UI组件的样式问题
2020/09/07 Javascript
vue 项目软键盘回车触发搜索事件
2020/09/09 Javascript
python实现带错误处理功能的远程文件读取方法
2015/04/29 Python
python实现读取命令行参数的方法
2015/05/22 Python
python实现图片九宫格分割
2021/03/07 Python
Python代码实现http/https代理服务器的脚本
2019/08/12 Python
Django1.11自带分页器paginator的使用方法
2019/10/31 Python
python读取ini配置的类封装代码实例
2020/01/08 Python
Python列表list操作相关知识小结
2020/01/29 Python
python_mask_array的用法
2020/02/18 Python
html5通过canvas实现刮刮卡效果示例分享
2014/01/27 HTML / CSS
国际领先的在线时尚服装和配饰店:DressLily
2019/03/03 全球购物
法国高保真音响和家庭影院商店:Son Video
2019/04/26 全球购物
美体小铺波兰官方网站:The Body Shop波兰
2019/09/03 全球购物
super关键字的用法
2012/04/10 面试题
单位提档介绍信
2014/01/17 职场文书
农林环境专业求职信
2014/03/13 职场文书
陈胜吴广起义口号
2014/06/20 职场文书
四风对照检查材料范文
2014/09/27 职场文书
2015年安置帮教工作总结
2015/05/22 职场文书
一篇文章弄懂Python中的内建函数
2021/08/07 Python
MySQL的存储过程和相关函数
2022/04/26 MySQL