通過javascript設置css屬性的代碼
更新時間：2009年12月28日 23:37:32 作者：
通過javascript設置css屬性的方法需要的朋友可以參考下。
1.透明度：
如果沒有為一個文本指定一個背景顏色或者一個背景圖像，那么這個元素的背景通常是透明的。
這一點很重要，如果一個絕對定位的且?guī)в形谋镜脑胤旁谝粋€有文本的元素之上，那么將會十分的混亂，那么我們就可以通過設置背景圖片或者背景顏色來進行遮蓋，如果必須的話我們可以將其顯示的設置為"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
相關(guān)文章
這篇文章主要為大家詳細介紹了javascript實現(xiàn)前端分頁功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
JavaScript轉(zhuǎn)換農(nóng)歷類實現(xiàn)及調(diào)用方法
農(nóng)歷是日常生活中不可或缺的一部分，它與人類的生活息息相關(guān)，從某種程度上說，它一直伴隨著我們，今天的任務是JavaScript轉(zhuǎn)換農(nóng)歷類的實現(xiàn)，感興趣的你可以千萬不要錯過，希望本文對你有所幫助2013-01-01
手機端 HTML5使用photoswipe.js仿微信朋友圈圖片放大效果
這篇文章主要為大家詳細介紹了移動web HTML5使用photoswipe模仿微信朋友圈圖片放大瀏覽，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08
這篇文章主要給大家介紹了關(guān)于Javascript執(zhí)行上下文順序的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-11-11
bootstrap中selectpicker下拉框使用方法實例
這篇文章主要給大家介紹了關(guān)于bootstrap中selectpicker下拉框使用的相關(guān)資料，文中通過示例介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧。2018-03-03
本文匯總了Javascript中兩個對象的比較、不同類型的比較以及對象跟原始值的比較，并進行了實例演示，希望能幫助到有需要的朋友們。2016-07-07
js以分隔符分隔數(shù)組中的元素并轉(zhuǎn)換為字符串的方法
下面小編就為大家?guī)硪黄猨s以分隔符分隔數(shù)組中的元素并轉(zhuǎn)換為字符串的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
使用Bootstrap Tabs選項卡Ajax加載數(shù)據(jù)實現(xiàn)
這篇文章主要介紹了使用Bootstrap Tabs選項卡Ajax加載數(shù)據(jù)實現(xiàn),以及遇到的問題，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
JS中簡單的實現(xiàn)像C#中using功能（有源碼下載）
JS中簡單的實現(xiàn)像C#中using功能（有源碼下載）...2007-01-01
這篇文章主要為大家詳細介紹了微信小程序圖片橫向左右滑動的案例，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05