通过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 相关文章推荐
拖动一个HTML元素
Dec 22 Javascript
一些技巧性实用js代码小结
Oct 14 Javascript
jQuery实现鼠标滚轮动态改变样式或效果
Jan 05 Javascript
使用JS画图之点、线、面
Jan 12 Javascript
Js+php实现异步拖拽上传文件
Jun 23 Javascript
基于jquery实现轮播焦点图插件
Mar 31 Javascript
Document.body.scrollTop的值总为零的快速解决办法
Jun 09 Javascript
jQuery插件实现可输入和自动匹配的下拉框
Oct 24 Javascript
element-ui 表格数据时间格式化的方法
Aug 24 Javascript
快速解决Vue项目在IE浏览器中显示空白的问题
Sep 04 Javascript
微信小程序常用赋值方法小结
Apr 30 Javascript
Vue将页面导出为图片或者PDF
Aug 17 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中删除字符串中最先出现某个字符的实现代码
2013/02/03 PHP
QQ互联一键登录审核不通过的解决方案
2014/09/10 PHP
php两点地理坐标距离的计算方法
2018/12/29 PHP
javascript 出生日期和身份证判断大全
2008/11/13 Javascript
jQuery 动画基础教程
2008/12/25 Javascript
由JavaScript技术实现的web小游戏(不含网游)
2010/06/12 Javascript
javascript使用activex控件的代码
2011/01/27 Javascript
jQuery插件 selectToSelect使用方法
2013/10/02 Javascript
5秒后跳转到另一个页面的js代码
2013/10/12 Javascript
jquery制作居中遮罩层效果分享
2014/02/21 Javascript
Ionic快速安装教程
2016/06/03 Javascript
前端设计师们最常用的JS代码汇总
2016/09/25 Javascript
Bootstrap模态框水平垂直居中与增加拖拽功能
2016/11/09 Javascript
vue2.0中click点击当前li实现动态切换class
2017/06/21 Javascript
Underscore之Array_动力节点Java学院整理
2017/07/10 Javascript
jQuery实现简单的下拉菜单导航功能示例
2017/12/07 jQuery
vuex根据不同的用户权限展示不同的路由列表功能
2019/09/20 Javascript
在node环境下parse Smarty模板的使用示例代码
2019/11/15 Javascript
Python中使用SAX解析xml实例
2014/11/21 Python
Python新手在作用域方面经常容易碰到的问题
2015/04/03 Python
python实现Windows电脑定时关机
2018/06/20 Python
Python的argparse库使用详解
2018/10/09 Python
python分批定量读取文件内容,输出到不同文件中的方法
2018/12/08 Python
Python3 列表,数组,矩阵的相互转换的方法示例
2019/08/05 Python
简单易懂Pytorch实战实例VGG深度网络
2019/08/27 Python
Python多线程通信queue队列用法实例分析
2020/03/24 Python
深入研究HTML5实现图片压缩上传功能
2016/03/25 HTML / CSS
欧洲领先的电子和电信零售商和服务提供商:Currys PC World Business
2017/12/05 全球购物
丹麦优惠购物网站:PLUSSHOP
2019/03/24 全球购物
优秀毕业生自荐信
2014/06/10 职场文书
大学课外活动总结
2014/07/09 职场文书
领导班子四风查摆对照检查材料思想汇报
2014/10/05 职场文书
2014年学校禁毒工作总结
2014/12/23 职场文书
幼儿园托班开学寄语(2016春季)
2015/12/03 职场文书
2016护理专业求职自荐书
2016/01/28 职场文书
Python与C++中梯度方向直方图的实现
2022/03/17 Python