欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

通過(guò)javascript設(shè)置css屬性的代碼

 更新時(shí)間:2009年12月28日 23:37:32   作者:  
通過(guò)javascript設(shè)置css屬性的方法需要的朋友可以參考下。

1.透明度:
如果沒(méi)有為一個(gè)文本指定一個(gè)背景顏色或者一個(gè)背景圖像,那么這個(gè)元素的背景通常是透明的。
這一點(diǎn)很重要,如果一個(gè)絕對(duì)定位的且?guī)в形谋镜脑胤旁谝粋€(gè)有文本的元素之上,那么將會(huì)十分的混亂,那么我們就可以通過(guò)設(shè)置背景圖片或者背景顏色來(lái)進(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

相關(guān)文章

  • javascript實(shí)現(xiàn)前端分頁(yè)功能

    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)用方法

    JavaScript轉(zhuǎn)換農(nóng)歷類實(shí)現(xiàn)及調(diào)用方法

    農(nóng)歷是日常生活中不可或缺的一部分,它與人類的生活息息相關(guān),從某種程度上說(shuō),它一直伴隨著我們,今天的任務(wù)是JavaScript轉(zhuǎn)換農(nóng)歷類的實(shí)現(xiàn),感興趣的你可以千萬(wàn)不要錯(cuò)過(guò),希望本文對(duì)你有所幫助
    2013-01-01
  • 手機(jī)端 HTML5使用photoswipe.js仿微信朋友圈圖片放大效果

    手機(jī)端 HTML5使用photoswipe.js仿微信朋友圈圖片放大效果

    這篇文章主要為大家詳細(xì)介紹了移動(dòng)web HTML5使用photoswipe模仿微信朋友圈圖片放大瀏覽,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-08-08
  • Javascript執(zhí)行上下文順序的深入講解

    Javascript執(zhí)行上下文順序的深入講解

    這篇文章主要給大家介紹了關(guān)于Javascript執(zhí)行上下文順序的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2020-11-11
  • bootstrap中selectpicker下拉框使用方法實(shí)例

    bootstrap中selectpicker下拉框使用方法實(shí)例

    這篇文章主要給大家介紹了關(guān)于bootstrap中selectpicker下拉框使用的相關(guān)資料,文中通過(guò)示例介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。
    2018-03-03
  • Javascript的比較匯總

    Javascript的比較匯總

    本文匯總了Javascript中兩個(gè)對(duì)象的比較、不同類型的比較以及對(duì)象跟原始值的比較,并進(jìn)行了實(shí)例演示,希望能幫助到有需要的朋友們。
    2016-07-07
  • js以分隔符分隔數(shù)組中的元素并轉(zhuǎn)換為字符串的方法

    js以分隔符分隔數(shù)組中的元素并轉(zhuǎn)換為字符串的方法

    下面小編就為大家?guī)?lái)一篇js以分隔符分隔數(shù)組中的元素并轉(zhuǎn)換為字符串的方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-11-11
  • 使用Bootstrap Tabs選項(xiàng)卡Ajax加載數(shù)據(jù)實(shí)現(xiàn)

    使用Bootstrap Tabs選項(xiàng)卡Ajax加載數(shù)據(jù)實(shí)現(xiàn)

    這篇文章主要介紹了使用Bootstrap Tabs選項(xiàng)卡Ajax加載數(shù)據(jù)實(shí)現(xiàn),以及遇到的問(wèn)題,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-12-12
  • JS中簡(jiǎn)單的實(shí)現(xiàn)像C#中using功能(有源碼下載)

    JS中簡(jiǎn)單的實(shí)現(xiàn)像C#中using功能(有源碼下載)

    JS中簡(jiǎn)單的實(shí)現(xiàn)像C#中using功能(有源碼下載)...
    2007-01-01
  • 微信小程序圖片橫向左右滑動(dòng)案例

    微信小程序圖片橫向左右滑動(dòng)案例

    這篇文章主要為大家詳細(xì)介紹了微信小程序圖片橫向左右滑動(dòng)的案例,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-05-05

最新評(píng)論