當前位置：首頁 > 人文社科 > 生活经验 >内容正文

生活经验

JavaScript小记

發布時間：2023/11/27 生活经验 19 豆豆

生活随笔收集整理的這篇文章主要介紹了 JavaScript小记小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

項目進行中需求變化，把所有的圖片的呈現出漸出效果，我首先想到了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>

運行下，成功了！

下面列出所有效果和對應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比較特別，是隨機效果，程序默認就是隨機效果。

apply,play方法為運行。

由此我們可以做出多張圖片的切換效果

http://www.cnblogs.com/cloudgamer/archive/2008/05/23/1205642.html

這個講的比較詳細

客戶的需求猶如沙漠的天氣，光源掃描圖，難受死了，哎

首先，我們怎樣添加個光源呢，filters的方法addCone添加一個圓錐形式的光源。

其次，怎樣改變光源的強烈及移動光源呢，用濾鏡light（）來控制光源的強烈程度moveLight()來移動光源。

<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)} //添加一個點光源
//-->
</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()">

好了，大家試試吧！

轉載于:https://www.cnblogs.com/lema/archive/2011/02/28/1967114.html

總結

以上是生活随笔為你收集整理的JavaScript小记的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。