JavaScript小记
項(xiàng)目進(jìn)行中需求變化，把所有的圖片的呈現(xiàn)出漸出效果，我首先想到了filters：濾鏡，
<html><head>
</head>
<script language="JavaScript">function picload(){img.filters.revealTrans.apply()img.filters.revealTrans.Transition=23img.style.visibility="inherit"img.filters.revealTrans.apply()}
</script><Body οnlοad="picload">
<img src="jinxing.gif" id="img" style="visibility:hidden;FILTER:revealTrans(Duration=1,Transition=23);"/>
</Body>
</html>
運(yùn)行下，成功了！
下面列出所有效果和對(duì)應(yīng)Transition值（參考手冊(cè)）：
值 : 效果
0? : 矩形收縮轉(zhuǎn)換。
1? : 矩形擴(kuò)張轉(zhuǎn)換。
2? : 圓形收縮轉(zhuǎn)換。
3? : 圓形擴(kuò)張轉(zhuǎn)換。
4? : 向上擦除。
5? : 向下擦除。
6? : 向右擦除。
7? : 向左擦除。
8? : 縱向百葉窗轉(zhuǎn)換。
9? : 橫向百葉窗轉(zhuǎn)換。
10 : 國(guó)際象棋棋盤(pán)橫向轉(zhuǎn)換。
11 : 國(guó)際象棋棋盤(pán)縱向轉(zhuǎn)換。
12 : 隨機(jī)雜點(diǎn)干擾轉(zhuǎn)換。
13 : 左右關(guān)門(mén)效果轉(zhuǎn)換。
14 : 左右開(kāi)門(mén)效果轉(zhuǎn)換。
15 : 上下關(guān)門(mén)效果轉(zhuǎn)換。
16 : 上下開(kāi)門(mén)效果轉(zhuǎn)換。
17 : 從右上角到左下角的鋸齒邊覆蓋效果轉(zhuǎn)換。
18 : 從右下角到左上角的鋸齒邊覆蓋效果轉(zhuǎn)換。
19 : 從左上角到右下角的鋸齒邊覆蓋效果轉(zhuǎn)換。
20 : 從左下角到右上角的鋸齒邊覆蓋效果轉(zhuǎn)換。
21 : 隨機(jī)橫線(xiàn)條轉(zhuǎn)換。
22 : 隨機(jī)豎線(xiàn)條轉(zhuǎn)換。
23 : 隨機(jī)使用上面可能的值轉(zhuǎn)換。
其中23比較特別，是隨機(jī)效果，程序默認(rèn)就是隨機(jī)效果。
apply,play方法為運(yùn)行。
由此我們可以做出多張圖片的切換效果
http://www.cnblogs.com/cloudgamer/archive/2008/05/23/1205642.html
這個(gè)講的比較詳細(xì)
客戶(hù)的需求猶如沙漠的天氣，光源掃描圖，難受死了，哎
首先，我們?cè)鯓犹砑觽€(gè)光源呢，filters的方法addCone添加一個(gè)圓錐形式的光源。
其次，怎樣改變光源的強(qiáng)烈及移動(dòng)光源呢，用濾鏡light（）來(lái)控制光源的強(qiáng)烈程度moveLight()來(lái)移動(dòng)光源。
<STYLE>
.lightfilter{ filter:light();width:400}
</STYLE>
<SCRIPT language=JavaScript>
<!--
function lightinit(){
var ix2=myDiv.offsetWidth/2;
var iy2=myDiv.offsetHeight/2;
myDiv.filters[0].addCone(0,0,1,ix2,iy2,255,255,200,100,30)} //添加一個(gè)點(diǎn)光源
//-->
</script>
<DIV CLASS="lightfilter" ID="myDiv" οnmοusemοve="myDiv.filters[0].moveLight(0,window.event.x,window.event.y,5,1);">
<IMG src="111.jpg"></div>
<body onLoad="lightinit()">
轉(zhuǎn)載于:https://www.cnblogs.com/lema/archive/2011/02/28/1967114.html
總結(jié)
以上是生活随笔為你收集整理的JavaScript小记的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 开家串串店需要多少成本
- 下一篇： 最好的程序界面就是用户无需去阅读操作手册