Make your own free website on Tripod.com

按鈕特效

  CSS濾鏡特效中的不透明度屬性,與JavaSript結合時,除了可以產生淡出淡入的 DHTML 特效外,還可以把原本平淡無奇的按鈕,變成具有良好互動性的按鈕。以下就是範例按鈕:

迷路了嗎?請看本站地圖...

  而要產生這種按鈕特效非常簡單,你只需要把以下的敘述插入要套用特效的按鈕上,就可以達成目的了,相信大家能很快學會。

style="filter:alpha(opacity=50)" onMouseover="this.filters.alpha.opacity=100" onMouseout="this.filters.alpha.opacity=50"

  舉例來說,上面的「本站地圖」按鈕,本來只有超連結與插入圖像的標籤:

<a href="../../map.html">
<
img src="../../images/map.gif"
alt="迷路了嗎?請看本站地圖..."
border="0" WIDTH="143" HEIGHT="96">
<
/a>

  現在我們將上面的敘述插入IMG標籤內,就成了下面的樣子:

<a href="../../map.html">
<
img src="../../images/map.gif"
alt="迷路了嗎?請看本站地圖..."
border="0" WIDTH="143" HEIGHT="96"
style="filter:alpha(opacity=50)"
onMouseover="this.filters.alpha.opacity=100"
onMouseout="this.filters.alpha.opacity=50">
<
/a>

回上層 淡出淡入 移動物件 按鈕特效 打字機特效

Microsoft FrontPage Last Updated: 03/31/99 Get Microsoft Internet Explorer

歡迎來信指教!indyhsu@gcn.net.tw