通過javascript設(shè)置css屬性的代碼
更新時(shí)間：2009年12月28日 23:37:32 作者：
通過javascript設(shè)置css屬性的方法需要的朋友可以參考下。
1.透明度：
如果沒有為一個(gè)文本指定一個(gè)背景顏色或者一個(gè)背景圖像，那么這個(gè)元素的背景通常是透明的。
這一點(diǎn)很重要，如果一個(gè)絕對(duì)定位的且?guī)в形谋镜脑胤旁谝粋€(gè)有文本的元素之上，那么將會(huì)十分的混亂，那么我們就可以通過設(shè)置背景圖片或者背景顏色來進(jìn)行遮蓋，如果必須的話我們可以將其顯示的設(shè)置為"transparent"（透明的）
通用的設(shè)置透明元素通用的css如下：
復(fù)制代碼 代碼如下:
opacity:.75;//ff new
-moz-opacity:.75;// transparency for older Mozillas
filter:Alpha(opacity=75);//for IE
2.帶有連字符的css：
駱駝式命名：
復(fù)制代碼 代碼如下:
element.style.fontFamily = "sans-serif";
element.style.borderLeftWidth = "5px";
element.style.zIndex = 100;
3.注意的地方：
復(fù)制代碼 代碼如下:
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.設(shè)置float
復(fù)制代碼 代碼如下:
element.style.cssFloat = "left";//firefox chrome opera
element.style.styleFloat = "left";//IE
您可能感興趣的文章:
- javaScript 讀取和設(shè)置文檔元素的樣式屬性
- javascript createElement()創(chuàng)建input不能設(shè)置name屬性的解決方法
- javascript學(xué)習(xí)筆記(二十) 獲得和設(shè)置元素的特性（屬性）
- javascript 三種方法實(shí)現(xiàn)獲得和設(shè)置以及移除元素屬性
- Javascript設(shè)置對(duì)象的ReadOnly屬性(示例代碼)
- Javascript:為input設(shè)置readOnly屬性(示例講解)
- JavaScript cookie的設(shè)置獲取刪除詳解
- JavaScript設(shè)置獲取和設(shè)置屬性的方法
相關(guān)文章
javascript實(shí)現(xiàn)前端分頁(yè)功能
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)前端分頁(yè)功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11
JavaScript轉(zhuǎn)換農(nóng)歷類實(shí)現(xiàn)及調(diào)用方法
農(nóng)歷是日常生活中不可或缺的一部分，它與人類的生活息息相關(guān)，從某種程度上說，它一直伴隨著我們，今天的任務(wù)是JavaScript轉(zhuǎn)換農(nóng)歷類的實(shí)現(xiàn)，感興趣的你可以千萬(wàn)不要錯(cuò)過，希望本文對(duì)你有所幫助2013-01-01
手機(jī)端 HTML5使用photoswipe.js仿微信朋友圈圖片放大效果
這篇文章主要為大家詳細(xì)介紹了移動(dòng)web HTML5使用photoswipe模仿微信朋友圈圖片放大瀏覽，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-08-08
這篇文章主要給大家介紹了關(guān)于Javascript執(zhí)行上下文順序的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11
bootstrap中selectpicker下拉框使用方法實(shí)例
這篇文章主要給大家介紹了關(guān)于bootstrap中selectpicker下拉框使用的相關(guān)資料，文中通過示例介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2018-03-03
本文匯總了Javascript中兩個(gè)對(duì)象的比較、不同類型的比較以及對(duì)象跟原始值的比較，并進(jìn)行了實(shí)例演示，希望能幫助到有需要的朋友們。2016-07-07
js以分隔符分隔數(shù)組中的元素并轉(zhuǎn)換為字符串的方法
下面小編就為大家?guī)硪黄猨s以分隔符分隔數(shù)組中的元素并轉(zhuǎn)換為字符串的方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-11-11
使用Bootstrap Tabs選項(xiàng)卡Ajax加載數(shù)據(jù)實(shí)現(xiàn)
這篇文章主要介紹了使用Bootstrap Tabs選項(xiàng)卡Ajax加載數(shù)據(jù)實(shí)現(xiàn),以及遇到的問題，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
JS中簡(jiǎn)單的實(shí)現(xiàn)像C#中using功能（有源碼下載）
JS中簡(jiǎn)單的實(shí)現(xiàn)像C#中using功能（有源碼下載）...2007-01-01
這篇文章主要為大家詳細(xì)介紹了微信小程序圖片橫向左右滑動(dòng)的案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05