網(wǎng)站建設(shè)是指使用標識語言（markup language)，通過一系列設(shè)計、建模、和執(zhí)行的過程將電子格式的信息通過互聯(lián)網(wǎng)傳輸，最終以圖形用戶界面（GUI）的形式被用戶所瀏覽。簡單來說，網(wǎng)頁設(shè)計的目的就是產(chǎn)生網(wǎng)站。簡單的信息如文字，圖片（GIF，JPEG，PNG）和表格，都可以通過使超文件標示語言、可擴展超文本標記語言等標示語言放置到網(wǎng)站頁面上。這是一個幻燈片播放程序，也就是一圖片輪流播放的程序。我們在一些站點上可以看見這種形式的廣告播放條，大多是用CGI做的，也就是要服務(wù)器端支持CGI程序，如ASP、PHP、Perl等。但我們這里的實現(xiàn)方法無需CGI，用的僅是CSS的效果，再加上JavaScripts的控制。只要你的瀏覽器是IE 4.0以上或是Netscape 3.0以上的就可以了。只不過在這里我們用到了CSS的Filter濾鏡效果，該效果只能在IE中出現(xiàn)。有關(guān)CSS的Filter濾鏡效果，大家可以參看我的《CSS中Filter濾鏡詳解》，該文章在Yesky.com上已經(jīng)發(fā)表。
好了，讓我們來做點準備工作吧。

　　首先，為了制作這個效果，我們首先要打幾個尺寸一樣大小的圖片，讓其輪流播放。比如，我找了下面三個88x31的圖片做為所用的的圖片。


　　其次，讓我們再來復(fù)習(xí)一下CSS中Filter的圖片轉(zhuǎn)換濾鏡的知識：

CSS中的顯示轉(zhuǎn)換濾鏡

　　顯示轉(zhuǎn)換濾鏡提供的是一種更為多變的轉(zhuǎn)換效果，它不像混合轉(zhuǎn)換濾鏡，只提供一種淡入淡出的效果，它還提供了更多的圖片轉(zhuǎn)換效果，它的語法是：

Filter : RevealTrans ( duration = 轉(zhuǎn)換的秒數(shù)，transition=轉(zhuǎn)換類型 )

　　大家可以看見，它有一個轉(zhuǎn)換類型的參數(shù)，這里，它提供了24種轉(zhuǎn)換類型，我們只需指定轉(zhuǎn)換類型的代號，就可以讓圖片按特有的轉(zhuǎn)換效果進行轉(zhuǎn)換。下表就是24種轉(zhuǎn)換濾鏡的形式及其對應(yīng)的代號：