、淡入淡出:(支持多个图像,只要加上 class="fade" 就行了!)<style> img.fade{ filter: alpha(opacity=30); border: 0px; windy: expression(onmouseover=function(){fade(this,true)},onmouseout=function(){fade(this,false)}) } </style> <script language="JavaScript1.2"> /* This following code are designed and writen by Windy_sk <[email protected]> You can use it freely, but u must held all the copyright items! */ var timer=null; var last_img = null; var org_opacity=30; var step=10; var ext_time=100;function fade(img,mode){ clearTimeout(timer); if(typeof img != "object") return; if(last_img != null && img != last_img) last_img.filters.alpha.opacity=org_opacity; if(img.style.filter.indexOf("alpha")==-1)img.style.filter+="alpha(opacity="+org_opacity+")"; var cur_level=img.filters.alpha.opacity; if(mode){ cur_level+=step; if(cur_level>100)cur_level=100; }else{ cur_level-=step; if(cur_level<org_opacity)cur_level=org_opacity; } img.filters.alpha.opacity=cur_level; if(cur_level!=100 && cur_level!==ext_time){ last_img = img; timer=setTimeout("fade(last_img,"+mode+")",ext_time); } } </script><img class="fade" src="http://www.blueidea.com/bbs/images/reply5.gif"><br><br> <img class="fade" src="http://www.blueidea.com/bbs/images/reply5.gif"><br><br> <img class="fade" src="http://www.blueidea.com/bbs/images/reply5.gif"><br><br> <img class="fade" src="http://www.blueidea.com/bbs/images/reply5.gif"><br><br> <img class="fade" src="http://www.blueidea.com/bbs/images/reply5.gif"><br><br> <img class="fade" src="http://www.blueidea.com/bbs/images/reply5.gif">
img.fade{
filter: alpha(opacity=30);
border: 0px;
windy: expression(onmouseover=function(){fade(this,true)},onmouseout=function(){fade(this,false)})
}
</style>
<script language="JavaScript1.2">
/*
This following code are designed and writen by Windy_sk <[email protected]>
You can use it freely, but u must held all the copyright items!
*/
var timer=null;
var last_img = null;
var org_opacity=30;
var step=10;
var ext_time=100;function fade(img,mode){
clearTimeout(timer);
if(typeof img != "object") return;
if(last_img != null && img != last_img) last_img.filters.alpha.opacity=org_opacity;
if(img.style.filter.indexOf("alpha")==-1)img.style.filter+="alpha(opacity="+org_opacity+")";
var cur_level=img.filters.alpha.opacity;
if(mode){
cur_level+=step;
if(cur_level>100)cur_level=100;
}else{
cur_level-=step;
if(cur_level<org_opacity)cur_level=org_opacity;
}
img.filters.alpha.opacity=cur_level;
if(cur_level!=100 && cur_level!==ext_time){
last_img = img;
timer=setTimeout("fade(last_img,"+mode+")",ext_time);
}
}
</script><img class="fade" src="http://www.blueidea.com/bbs/images/reply5.gif"><br><br>
<img class="fade" src="http://www.blueidea.com/bbs/images/reply5.gif"><br><br>
<img class="fade" src="http://www.blueidea.com/bbs/images/reply5.gif"><br><br>
<img class="fade" src="http://www.blueidea.com/bbs/images/reply5.gif"><br><br>
<img class="fade" src="http://www.blueidea.com/bbs/images/reply5.gif"><br><br>
<img class="fade" src="http://www.blueidea.com/bbs/images/reply5.gif">