現(xiàn)在非常多的朋友搞個(gè)人網(wǎng)頁(yè)，而且做的五彩繽紛，各有特色，但是比較多的朋友把大大的一幅圖象放在頁(yè)面上，致使頁(yè)面下載很慢，加上用GIF格式做動(dòng)畫(huà)，盡管用GIF格式搞的動(dòng)畫(huà)比較苗條，但是也不大合算。能否不用特別做的圖象，不用GIF格式做動(dòng)畫(huà)，可以把頁(yè)面搞的生氣活現(xiàn)呢？可以，但JAVASCRIPT比較對(duì)一般初學(xué)者來(lái)說(shuō)是比較難的，筆者今天要用IE本身內(nèi)含的STYLE這個(gè)重量級(jí)的命令屬性中的RevealTrans和濾鏡來(lái)搞搞新意思！希望網(wǎng)友們能靈活運(yùn)用這些濾鏡和頁(yè)面切換效果，把自己的主頁(yè)搞的有聲有色！不斷進(jìn)步！ Style屬性： 　　可以應(yīng)用在各類(lèi)標(biāo)簽中 頁(yè)面切換效果： 在頁(yè)面前部與之間加入"" 說(shuō)明：duration為頁(yè)面切換的時(shí)間長(zhǎng)度，3.000表示3秒鐘，一般可以直接輸入3便可；transition為切換效果，從1-23共22種不同的切換效果，其中23為隨機(jī)效果。 濾鏡效果： Photoshop的濾鏡用的多了吧，在頁(yè)面中也用濾鏡搞搞新意思吧！ 語(yǔ)法:STYLE="filter:filtername(fparameter1,fparameter2…)}(Filtername為濾鏡的名稱(chēng)，fparameter1、fparameter2等是濾鏡的參數(shù)) 濾鏡說(shuō)明： Alpha：設(shè)置透明層次. blur：創(chuàng)建高速度移動(dòng)效果，即模糊效果. Chroma：制作專(zhuān)用顏色透明. DropShadow：創(chuàng)建對(duì)象的固定影子. FlipH：創(chuàng)建水平鏡像圖片. FlipV：創(chuàng)建垂直鏡像圖片. glow：加光輝在附近對(duì)象的邊外. gray：把圖片灰度化. invert：反色. light：創(chuàng)建光源在對(duì)象上. mask：創(chuàng)建透明掩膜在對(duì)象上. shadow：創(chuàng)建偏移固定影子. wave：波紋效果. Xray：使對(duì)象變的像被x光照射一樣. 1.濾鏡:alpha 語(yǔ)法: STYLE="filter:Alpha(Opacity=opacity,FinishOpacity=finishopacity,Style=style, StartX=startX,StartY=startY,FinishX=finishX,FinishY=finishY)" 說(shuō)明： Opacity:起始值，取值為0-100,0為透明，100為原圖. FinishOpacity:目標(biāo)值. Style：1或2或3 StartX：任 ? StartY：任意值 例子：filter:Alpha(Opacity="0",FinishOpacity="40",Style="2") 2.濾鏡:blur 語(yǔ)法: STYLE="filter:Blur(Add=add,Direction=direction,Strength=strength)" 說(shuō)明： Add:一般為1，或0. Direction:角度,0-315度，步長(zhǎng)為45度. Strength:效果增長(zhǎng)的數(shù)值,一般5即可. 例子：filter:Blur(Add="1",Direction="45",Strength="5") 3.濾鏡:chroma 語(yǔ)法: STYLE="filter:Chroma(Color=color)" 說(shuō)明: color:#rrggbb格式，任意. 例子：filter:Chroma(Color="#FFFFFF") 4.濾鏡:DropShadow 語(yǔ)法: STYLE="filter:DropShadow(Color=color,OffX=offX,OffY=offY,Positive=positive)" 說(shuō)明: Color:#rrggbb格式，任意. Offx:X軸偏離值. Offy:Y軸偏離值. Positive:1或0. 例子：filter:DropShadow(Color="#6699CC",OffX="5",OffY="5",Positive="1") 5.濾鏡:FlipH 語(yǔ)法: STYLE="filter:FlipH" 例子：filter:FlipH 6.濾鏡:FlipV 語(yǔ)法: STYLE="filter:FlipV" 例子：filter:FlipV 7.濾鏡:Glow 語(yǔ)法: STYLE="filter:Glow(Color=color,Strength=strength)" 說(shuō)明: Color:發(fā)光顏色. Strength:強(qiáng)度(0-100) 例子：filter:Glow(Color="#6699CC",Strength="5") 8.濾鏡:Gray 語(yǔ)法: STYLE="filter:Gray" 例子：filter:Gray 9.濾鏡:Invert 語(yǔ)法: STYLE="filter:Invert" 例子：filter:Invert 10.濾鏡:Mask 語(yǔ)法: STYLE="filter:Mask(Color=color)" 例子：filter:Mask(Color="#FFFFE0") 11.濾鏡:Shadow 語(yǔ)法: filter:Shadow(Color=color,Direction=direction) 說(shuō)明: Color:#rrggbb格式. Direction:角度,0-315度，步長(zhǎng)為45度. 例子：filter:Shadow(Color="#6699CC",Direction="135") 12.濾鏡:Wave 語(yǔ)法: filter:Wave(Add=add,Freq=freq,LightStrength=strength,Phase=phase,Strength=strength) 說(shuō)明: Add:一般為1，或0. Freq:變形值. LightStrength:變形百分比. Phase:角度變形百分比. Strength:變形強(qiáng)度. 例子:filter:wave(Add="0",Phase="4",Freq="5",LightStrength="5",Strength="2") 13.濾鏡:Xray 語(yǔ)法: STYLE="filter:Xray" 例子:filter:Xray