JS圖片濾鏡自己轉換效果，焦點圖切換_圖片特效特效

看看圖片之間的濾鏡轉換過程，會幫你了解很多東西，濾鏡的使用讓頁面能很平緩地在圖和文字之間轉換，圖片可以任意添加，而且每幅圖都可做不同的鏈接。或許這就是現在比較流行的圖片切換特效的基本雛形吧，原來實現起來如此簡單。因為是自己寫的，所以濾鏡種數、濾鏡轉換延遲時間、圖片數組、濾鏡間的延遲等參數可以根據需要自己設置。

<HTML>
<HEAD>
<TITLE>圖片濾鏡</TITLE>
<style>
 .30pt{color:#ce288c;font-size:30pt}
</style>
<SCRIPT language=JavaScript>
// 屬性設置
var E_strIFaderTransType     = 'reveal'; // 'reveal' | 'blend'
var Filter_number    = 23;       // 濾鏡種數
var change_time = 3.000;    // 濾鏡轉換過程為3.0秒延遲
var wait_time    = 5000;     // 兩種濾鏡之間為5秒延遲

var obj_Timer;
var count_temp = 0; //記錄當前是第幾幅圖片
var Img_arry = new Array(); //圖片數組
var E_ie4 = document.all?true:false;
var E_nn4 = document.layers?true:false;

function obj_ClearTime() {
	window.clearInterval(obj_Timer);
}
window.onunload = obj_ClearTime;//取消計時器，釋放系統資源

function Img_obj(sImgUrl,command,sAlt,sTarget) 
{
	this.sImgUrl = (sImgUrl == null)?'':sImgUrl;
	this.command = (command == null || command == '')?'http://www.china.com':command;
	this.sAlt = (sAlt == null)?'':sAlt;
	this.sTarget = (sTarget == null || sTarget == '')?'_self':sTarget;
}
</SCRIPT>

所屬頻道：圖片特效特效/更新時間：2012-11-01

[收藏][報錯][返回列表]

相關圖片特效特效：

JS圖片濾鏡自己轉換效果，焦點圖切換_圖片特效特效

圖片特效特效Rss訂閱特效代碼搜索

圖片特效特效推薦

猜你也喜歡看這些