将鼠标移到图像上看变换。刷新本页可转换不同效果。

安装

步骤一  拷贝以下脚本後贴在有关网页的<head></head>之间。

    
<script type="text/javascript"> //若要每次改用不同变换方式，解除下条的双斜杆。 document.write('<STYLE TYPE="text/css">.imgTrans{ filter:revealTrans(duration=1, transition='+Math.floor(Math.random()*23)+') }</STYLE>'); //若要指定某种变换方式 (代码从0到23)，解除下条的双斜杆。 //document.write('<STYLE TYPE="text/css">.imgTrans{ filter:revealTrans(duration=1,transition=2) }</STYLE>'); //若要指定化出化入变换方式 ，解除下条的双斜杆 //document.write('<STYLE TYPE="text/css">.imgTrans{ filter:blendTrans(duration=1) }</STYLE>'); var onImages=new Array(); function Rollover(imgName, imgSrc) { onImages[imgName] = new Image(); onImages[imgName].src = imgSrc; } function turnOn(imgName) { if(document.images[imgName].filters != null) document.images[imgName].filters[0].stop(); document.images[imgName].offSrc = document.images[imgName].src; document.images[imgName].src = onImages[imgName].src; } function turnOff(imgName) { if(document.images[imgName].filters != null) document.images[imgName].filters[0].apply(); document.images[imgName].src = document.images[imgName].offSrc; if(document.images[imgName].filters != null) document.images[imgName].filters[0].play(); } Rollover("lian1", "shu.gif"); Rollover("lian2", "niu.gif"); Rollover("lian3", "hu.gif"); </script>

步骤二  拷贝以下脚本贴在网页的<body>之下适当位置。

    
<CENTER> <a href = "1.html" onMouseOver="turnOn('lian1');" onMouseOut="turnOff('lian1');"><img name="lian1" class="imgTrans" src="tu.gif" border="0"></a>  <a href = "2.html" onMouseOver="turnOn('lian2');" onMouseOut="turnOff('lian2');"><img name="lian2" class="imgTrans" src="long.gif" border="0"></a>  <a href = "3.html" onMouseOver="turnOn('lian3');" onMouseOut="turnOff('lian3');"><img name="lian3" class="imgTrans" src="she.gif" border="0"></a><br> </CENTER>