濾鏡插件js

❶ I6使用js濾鏡讓PNG24背景圖片透明，是可以正常透明，但是文件引入到frame框架中，頁面顯示空白，沒有內容

是的，你可以去引用js，很好用，用框架我試過，是不可以的的，

❷ JS控制CSS濾鏡代碼

<IMG id="myimg" style="FILTER:Alpha(Opacity='0');" height="200" src="你的抄圖片路徑" width="200"><input type="button" value="測試" onclick="test()">
<script>
<!--
var op=0;
function test(){
if(op<=100){
document.getElementById("myimg").filters.alpha.opacity=op;
op+=10;//這個數值你可以自己設.就是每次不透明度增加量
setTimeout(test,100);//這個時間你可以自己改.以毫秒為單位的.數字越小越快
}
}
//-->
</script>

❸ javaSCRIPT動態濾鏡

由於同一個標簽可以設置多個濾鏡的（比如加陰影的同時還可以有動畫切換效果），所以就要用數組咯，filters[0]表示第一個濾鏡。

❹ js+css濾鏡設置：filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' http://')是什麼意思

很多大型網站上都使用到了這個濾鏡，它是IE濾鏡的一種，其主要作用就是對圖片進行透明處理。雖然FireFox和IE7以上的IE瀏覽器已經支持透明的PNG圖片，但是就IE5-IE6而言還是有一定的意義。
語法：
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )
屬性：
enabled : 可選項。布爾值(Boolean)。設置或檢索濾鏡是否激活。
true : 默認值。濾鏡激活。 false : 濾鏡被禁止。
sizingMethod : 可選項。字元串(String)。設置或檢索濾鏡作用的對象的圖片在對象容器邊界內的顯示方式。
crop : 剪切圖片以適應對象尺寸。
image : 默認值。增大或減小對象的尺寸邊界以適應圖片的尺寸。
scale : 縮放圖片以適應對象的尺寸邊界。
src : 必選項。字元串(String)。使用絕對或相對 url 地址指定背景圖像。假如忽略此參數，濾鏡將不會作用。
特性：
Enabled : 可讀寫。布爾值(Boolean)。參閱 enabled 屬性。
sizingMethod : 可讀寫。字元串(String)。參閱 sizingMethod 屬性。
src : 可讀寫。字元串(String)。參閱 src 屬性。
說明：
在對象容器邊界內，在對象的背景和內容之間顯示一張圖片。並提供對此圖片的剪切和改變尺寸的操作。如果載入的是PNG(Portable Network Graphics)格式，則0%-100%的透明度也被提供。
PNG(Portable Network Graphics)格式的圖片的透明度不妨礙你選擇文本。也就是說，你可以選擇顯示在PNG(Portable Network Graphics)格式的圖片完全透明區域後面的內容。
示例：
#idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='rain1977.gif',sizingMethod='scale');}
.dream{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/earglobe.gif');}
P.S. 當想使用backgroundimage屬性時，如果不想讓圖片原尺寸顯示，而是類似於IMG width=100% heigth=100% 的效果，可以通過此filter實現。
Example：
span.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='test.jpg', sizingMethod='scale')";

就是先讓FF正常顯示該圖片,然後,用*或_ 來清除IE下的顯示效果，最後用*或_ 來做以上的濾鏡效果。大功告成！
以上是官方的說明。事實上實際操作中需要注意:AlphaImageLoader濾鏡會導致該區域的鏈接和按鈕無效，一般情況下的解決辦法是為鏈接或按鈕添加：position:relative使其相對浮動要注意的是，當載入濾鏡的區域的父層有position:absolute絕對定位的時候使用position:relative也不能使鏈接復原。建議使用浮動辦法處理。
具體操作：
為預覽區域（比如要在某個 div 中預覽）添加樣式：filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);。
為 AlphaImageLoader 設置 src 屬性。

❺ js或者jQuery有類似css的wave濾鏡的效果的嗎

直接用js和jq也不好實現。。可以試試看看用canvas。。

❻ ie6不支持濾鏡么，js裡面只要有filters就執行不了，請問有沒什麼辦法解決

1. 你可以給這段代碼加上
try catch
2. 你可以判斷，如果是ie6，就不執行filters

❼ js 圖片切換加濾鏡效果，但是其中屬性失效

revealTrans是css中圖片切換的動態濾鏡啊它能產生23種動態效果，更為奇妙的是它還能在23種動態效果中隨機抽用其中的一種。
兩個參數Transition和Duration，分別是變換效果和持續時間，其中Duration是浮點數。

此外還有兩個屬性Enabled和Percent分別是是否激活濾鏡和當前靜態濾鏡輸出在轉換進程中所處的點。

設置完後還需要運行apply和play方法，分別是應用變換效果和運行效果

下面列出所有效果和對應Transition值（參考手冊）：

值 : 效果

0 : 矩形收縮轉換。

1 : 矩形擴張轉換。

2 : 圓形收縮轉換。

3 : 圓形擴張轉換。

4 : 向上擦除。

5 : 向下擦除。

6 : 向右擦除。

7 : 向左擦除。

8 : 縱向百葉窗轉換。

9 : 橫向百葉窗轉換。

10 : 國際象棋棋盤橫向轉換。

11 : 國際象棋棋盤縱向轉換。

12 : 隨機雜點干擾轉換。

13 : 左右關門效果轉換。

14 : 左右開門效果轉換。

15 : 上下關門效果轉換。

16 : 上下開門效果轉換。

17 : 從右上角到左下角的鋸齒邊覆蓋效果轉換。

18 : 從右下角到左上角的鋸齒邊覆蓋效果轉換。

19 : 從左上角到右下角的鋸齒邊覆蓋效果轉換。

20 : 從左下角到右上角的鋸齒邊覆蓋效果轉換。

21 : 隨機橫線條轉換。

22 : 隨機豎線條轉換。

23 : 隨機使用上面可能的值轉換。

其中23比較特別，是隨機效果，程序默認就是隨機效果。

RevealTrans使用方法：style="FILTER: revealTrans(ration=2,transition=6)" 但是這個方法只對Ie有用，對firefox不起作用，我們可以在javascript裡面這樣設置用以過濾掉firefox：

if(navigator.appName == "Microsoft Internet Explorer"){

image.filters.revealTrans.Transition=23;

image.filters.revealTrans.ration=10;

}

這樣，firefox依舊能正常執行以下語句。

或者，在火狐下添加IE tab plus插件 轉化！

具體使用時要注意：

當你在網頁中動態改變圖片的連接地址時，請在地址改變前使用此濾鏡。

這樣，在頁面的現實效果是，前一個圖片會殘留濾鏡的作用時間，就像是新圖片一點一點替換原圖片一樣。

❽ 請問CSS的濾鏡效果屬於什麼 JS特效嗎

不是js，只是一個css樣式。有時候有些瀏覽器不支持。最常用的就是設置層半透明，樣內式為：
div{filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6; background:#fff;}
background:#fff; 背景白色。可以容換成任何你需要的顏色
filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6; 調節層的透明度，60、0.6、0.6是透明度，數字越小，透明度越高，數字越大透明度越低，最大是1，表示不透明。
打字不易，請採納

❾ js可以給border設置濾鏡效果么

不明白你的問題。
首先，「濾鏡」這個概念是IE中獨有的；
其次，「濾鏡內」這個東西是CSS裡面獨有的；但容通過JS可以動態控制CSS樣式。
因此，你要的「濾鏡」效果到底是個啥效果？

邊框目前可以實現的有邊框顏色、邊框樣式（如實線、虛線等）、邊框粗細。
一些支持CSS3的新瀏覽器中，還可以實現投影、圓角、漸變和邊框圖片，這些東西都是由CSS來實現的，也可以通過JS來控制，如果你需要的效果包含其中，那麼可以實現；如果沒有包含其中，那麼能否實現就得看你具體需求了，CSS實現不了的東西，或許有其它方案可以做到。

❿ js 控制CSS濾鏡

實際上你可以把濾鏡那個層先定義好，隱藏掉。然後再 事件裡面只需用js控制dispaly屬性就行。

麻煩採納，謝謝!