濾鏡變換連結說明

woff · 發表於 2008-9-23 20:15:56

步驟一、複製程式碼至<head></head>之間

<style type="text/css">
.box {font-size:9pt; font-family:tahoma; color:#000000; border:1 solid #99CC00; background:#C1E7AB; padding:5;}
</style>
<script language="JScript">
/******** http://galaxy.channeli.net/bio028/ ********/
var n = (document.layers) ? 1:0;
var ie = (document.all) ? 1:0;
function overTip(boxObj) {
if (ie) {
boxObj.style.visibility = "visible";
boxObj.filters.item(0).stop();
}
}
function outTip(boxObj) {
if (ie) {
boxObj.style.visibility = "visible";
boxObj.filters.item(0).transition = 23;
boxObj.filters.item(0).apply();
boxObj.style.visibility = "hidden";
boxObj.filters.item(0).play();
}
}
</script>

複製代碼

步驟二、複製到網頁<body></body>之間

<span class="tipElm" onMouseOver="overTip(kiss)" onMouseOut="outTip (kiss)">
<a href="#">
將重複滑鼠移至這裡看效果</a>
</span>
<div id="kiss" class="box" style="position: absolute; z-index: 20; width: 259; filter: revealTrans(duration=1); visibility: hidden; left: 16; top: 130; height: 68">
這裡是說明方塊.除了文字來可以放圖檔喔!<img border="0" src="img/logo-2.gif" width="88" height="31">
</div>

複製代碼

修改事項：

步驟一用CSS設定說明區塊的文字大小font-size:9pt;文字字型 font-family:tahoma;文字色彩 color:#000000; 框線色彩border:1 solid #99CC00; 背景色彩background:#C1E7AB; 區塊四邊空白padding:5
步驟二duration=1濾鏡速度.數值越大速度越慢.不建議修改

ccok123 · 發表於 2012-3-1 00:46:11

樓上的稍等啦

airingge · 發表於 2012-7-30 00:45:28

嘿嘿

8077616717 · 發表於 2012-7-30 00:52:02

好人一個推推

btgztwao · 發表於 2013-6-12 03:51:33

不错，了解一下。

帳號		自動登錄		找回密碼
密碼				註冊

[教學] 濾鏡變換連結說明