通过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 相关文章推荐
查找Oracle高消耗语句的方法
Mar 22 Javascript
jQuery实现行文字链接提示效果的方法
Mar 10 Javascript
jQuery的load()方法及其回调函数用法实例
Mar 25 Javascript
JavaScript中的Repaint和Reflow用法详解
Jul 27 Javascript
javascript绘制漂亮的心型线效果完整实例
Feb 02 Javascript
jQuery技巧之让任何组件都支持类似DOM的事件管理
Apr 05 Javascript
javascript实现延时显示提示框特效代码
Apr 27 Javascript
JS动态添加的div点击跳转到另一页面实现代码
Sep 30 Javascript
vue.js项目 el-input 组件 监听回车键实现搜索功能示例
Aug 25 Javascript
webpack4 CSS Tree Shaking的使用
Sep 03 Javascript
vue添加axios,并且指定baseurl的方法
Sep 19 Javascript
javascript创建元素和删除元素实例小结
Jun 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
虫族 ZERG 概述
2020/03/14 星际争霸
通过ICQ网关发送手机短信的PHP源程序
2006/10/09 PHP
phpMyAdmin下载、安装和使用入门教程
2007/05/31 PHP
解析php php_openssl.dll的作用
2013/07/01 PHP
laravel 解决路由除了根目录其他都404的问题
2019/10/18 PHP
PHP 对象继承原理与简单用法示例
2020/04/21 PHP
js/jQuery对象互转(快速操作dom元素)
2013/02/04 Javascript
js工具方法弹出蒙版
2013/05/08 Javascript
JS去除字符串两端空格的简单实例
2013/12/27 Javascript
Bootstrap优化站点资源、响应式图片、传送带使用详解3
2016/10/14 Javascript
springMVC + easyui + $.ajaxFileUpload实现文件上传注意事项
2017/04/23 Javascript
easyui combogrid实现本地模糊搜索过滤多列
2017/05/13 Javascript
详解Vue-cli 创建的项目如何跨域请求
2017/05/18 Javascript
vue2实现可复用的轮播图carousel组件详解
2017/11/27 Javascript
JS实现简单的抽奖转盘效果示例
2019/02/16 Javascript
Vue安装浏览器开发工具的步骤详解
2019/05/12 Javascript
使用webpack/gulp构建TypeScript项目的方法示例
2019/12/18 Javascript
[11:27]《一刀刀一天》之DOTA全时刻20:TI4总奖金突破920W TS赛事分析
2014/06/18 DOTA
Python字符串格式化
2015/06/15 Python
使用Python操作MySQL的一些基本方法
2015/08/16 Python
django 创建过滤器的实例详解
2017/08/14 Python
django 发送手机验证码的示例代码
2018/04/25 Python
python 实现数字字符串左侧补零的方法
2018/12/04 Python
python识别文字(基于tesseract)代码实例
2019/08/24 Python
获取CSDN文章内容并转换为markdown文本的python
2020/09/06 Python
澳大利亚百货公司:David Jones
2018/02/08 全球购物
荷兰演唱会和体育比赛订票网站:viagogo荷兰
2018/04/08 全球购物
小学新教师培训方案
2014/02/03 职场文书
市场营销专业大学生职业生涯规划文
2014/03/06 职场文书
个人工作表现评价材料
2014/09/21 职场文书
导游词格式
2015/02/13 职场文书
幼儿园教师自荐书
2015/03/06 职场文书
学术会议通知范文
2015/04/15 职场文书
公司仓库管理制度
2015/08/04 职场文书
vue3语法糖内的defineProps及defineEmits
2022/04/14 Vue.js
httpclient调用远程接口的方法
2022/08/14 Java/Android