改變透明度在js裡面怎麼寫呢

時間 2021-09-12 11:32:57

1樓:大野瘦子

這樣:注意事項

此外對於透明度有一點要說明一下,就是在ie中在css中設定透明度的方式filter:alpha(opacity:value)其中value值從0~100;

透明度可以通過opacity:value來設定,其中value=0~1.

**如下:

2樓:匿名使用者

在日常開發的**中,常常會用到設定透明度問題,最簡單的就是**的淡入淡出效果。下面我介紹一下在原生js和jquery中設定透明度的相關問題和注意點:

1 透明度樣式設定

透明度在ie瀏覽器和其他相關瀏覽器中的設定方法不太相同,ie使用filter:alpha屬性,firefox使用opactiy屬性,下面示例設定透明度為30%:

ie:filter: alpha(opacity:30);

firefox:opacity(0.3);

2 原生js設定透明度

為了相容ie與其他瀏覽器對透明度的設定,我們需要對以上兩種樣式分別進行設定;

複製****如下:

var alpha = 30; //透明度值變數

var odiv = document.getelementbyid('div1'); //獲取dom元素物件

odiv.style.filter = 'alpha(opacity:'+alpha+')'; //設定ie的透明度

odiv.style.opacity = alpha / 100; //設定fierfox等透明度,注意透明度值是小數

3 jquery設定透明度

jquery中對透明度的設定進行了整合,相容ie和其他瀏覽器,修改opactiy屬性值即可,值為小數,因此只需要設定一次即可;

複製****如下:

$(function());

4 乙個示例

示例使用原生js實現乙個div的淡入淡出效果;滑鼠移入div區域,透明度為100%,滑鼠移出div區域透明度為30%,同時用時間控制透明度轉換效果;

複製****如下:

window.onload=function()

; odiv.onmouseout = function() //滑鼠移出方法

; }var timer = null;//時間物件

var alpha = 30;//透明度初始值

function startmove(itarget)

else

if(alpha == itarget)

else

},30);}

3樓:匿名使用者

第乙個是「ie專用寫法」,所以在其他瀏覽器上不行;第二個是「w3c標準寫法」,ie9+和其他瀏覽器都支援。

4樓:

filter="brightness(100%)"

5樓:匿名使用者

寫法沒錯,但是就是得看你的this是什麼了。

6樓:

試了一下,好像第乙個不行,第二個可以

j**ascript如何改變透明度

7樓:武漢新華電腦學校

換個瀏覽器或新增多核心相容語句

var alpha = 30; //透明度值變數var odiv = document.getelementbyid('div1'); //獲取dom元素物件

odiv.style.filter = 'alpha(opacity:'+alpha+')'; //設定ie的透明度

odiv.style.opacity = alpha / 100; //設定fierfox等透明度,注意透明度值是小數

8樓:網海1書生

僅從**來看是沒問題的。但影響程式執行的因素是多方面的,沒看到你完整的**(包括js和html),不好妄下定論,僅僅猜測一下:你說執行到調整透明度的語句就不再往下執行了,那麼原因估計是兩個:

一是left和right這兩個id在頁面上不存在(或者存在乙個以上);二是瀏覽器不支援opacity。你可以在出錯的地方測試一下:

console.log(document.getelementbyid("left"));

console.log(document.getelementbyid("left").style.opacity);

只要看哪個顯示的是undefined,就知道是哪個出問題了。

其實你按f12開啟開發者介面,看一下紅字提示應該就知道什麼原因了啊?不會用嗎?

9樓:匿名使用者

//ie

var lg=document.getelementbyid("login");

var op=30;

lg.style.filter="progid:dximagetransform.microsoft.alpha(enabled=true)";

lg.filters.item("dximagetransform.microsoft.alpha").opacity=op;

photoshop中如何增加透明度

好人100個 photoshop中如何增加透明度的方法 正在使用畫筆工具,要調整不透明度時,還要開啟設定框,很麻煩。這時你可以直接按鍵盤上的數字鍵來設定。比如當你按一下 0 鍵時,則不透明度為100 1 鍵為10 先按 4 再按 5 那麼不透明度則為45 依次類推。 你好這位朋友!很簡單。要使 的透...

江門的哪種全透明樹脂瓦透明度更高?

透明樹脂瓦與哪種樹脂瓦配套使用的?透明樹脂瓦是與asa合成樹脂瓦配套使用的,透光率高達90 阻燃防火,環保無毒,抗衝擊力強,遮陽擋雨,寬度有1050和880mm兩種,節距219mm,波高30mm,波距160mm,有效寬度960mm,長常規是1100mm 2200mm 3300mm三種,特殊長度也可按...

裡的背景圖怎麼調透明度,word裡的背景圖怎麼調透明度?????????

平玉蘭樂嬋 我用的是2007版本的,在文字框背景圖插入之後,按一下 格式 下的 文字框樣式 右上角的小箭頭,出現 設定文字框格式 的對話方塊。然後去找 顏色與線條 填充 透明度 透明度的百分比越大,越透明。 1 選單欄 格式 背景 水印 水印 選擇 插入 確定 2 雙擊 頁首 出現 頁首和頁尾 工具...