有很多熱心的朋友都問這個效果是怎么做的,因為單獨說起來很麻煩的,所以我在這里做個小小教程。
實現起來原理是這樣的:用javascript來給css中的 alpha濾鏡,產生一個循環,檢測alpha值是否達到100,如果沒達到,則+10,直到達到100。原理是這樣的,具體實現起來可以把以下javascript放在葉面的<head>和</head>中間:
<SCRIPT language=JavaScript1.2>
<!--
function high(which2){
theobject=which2
highlighting=setInterval(\"highlightit(theobject)\",50)
}
function low(which2){
clearInterval(highlighting)
which2.filters.alpha.opacity=40
}
function highlightit(cur2){
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}
</script>
然后在需要變化的圖片的<img>標記里面寫上onmouseout=low(this) onmouseover=high(this)
style=\"FILTER: alpha(opacity=40)\"就行了。