通过javascript设置css属性的代码

 更新时间:2009年12月28日 23:37:32   作者:  
通过javascript设置css属性的方法需要的朋友可以参考下。

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实现前端分页功能

    javascript实现前端分页功能

    这篇文章主要为大家详细介绍了javascript实现前端分页功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-11-11
  • JavaScript转换农历类实现及调用方法

    JavaScript转换农历类实现及调用方法

    农历是日常生活中不可或缺的一部分,它与人类的生活息息相关,从某种程度上说,它一直伴随着我们,今天的任务是JavaScript转换农历类的实现,感兴趣的你可以千万不要错过,希望本文对你有所帮助
    2013-01-01
  • 手机端 HTML5使用photoswipe.js仿微信朋友圈图片放大效果

    手机端 HTML5使用photoswipe.js仿微信朋友圈图片放大效果

    这篇文章主要为大家详细介绍了移动web HTML5使用photoswipe模仿微信朋友圈图片放大浏览,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • Javascript执行上下文顺序的深入讲解

    Javascript执行上下文顺序的深入讲解

    这篇文章主要给大家介绍了关于Javascript执行上下文顺序的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-11-11
  • bootstrap中selectpicker下拉框使用方法实例

    bootstrap中selectpicker下拉框使用方法实例

    这篇文章主要给大家介绍了关于bootstrap中selectpicker下拉框使用的相关资料,文中通过示例介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2018-03-03
  • Javascript的比较汇总

    Javascript的比较汇总

    本文汇总了Javascript中两个对象的比较、不同类型的比较以及对象跟原始值的比较,并进行了实例演示,希望能帮助到有需要的朋友们。
    2016-07-07
  • js以分隔符分隔数组中的元素并转换为字符串的方法

    js以分隔符分隔数组中的元素并转换为字符串的方法

    下面小编就为大家带来一篇js以分隔符分隔数组中的元素并转换为字符串的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-11-11
  • 使用Bootstrap Tabs选项卡Ajax加载数据实现

    使用Bootstrap Tabs选项卡Ajax加载数据实现

    这篇文章主要介绍了使用Bootstrap Tabs选项卡Ajax加载数据实现,以及遇到的问题,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • JS中简单的实现像C#中using功能(有源码下载)

    JS中简单的实现像C#中using功能(有源码下载)

    JS中简单的实现像C#中using功能(有源码下载)...
    2007-01-01
  • 微信小程序图片横向左右滑动案例

    微信小程序图片横向左右滑动案例

    这篇文章主要为大家详细介绍了微信小程序图片横向左右滑动的案例,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05

最新评论