图片渐显渐隐效果


响应鼠标事件的图片渐显渐隐效果,很多站点都采用这种方法:

制作方法:
<script language=JavaScript1.2>
<!--
function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",40)
}
function low(which2){
clearInterval(highlighting)
which2.filters.alpha.opacity=40
}
function highlightit(cur2){
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=5
else if (window.highlighting)
clearInterval(highlighting)
}
//-->
</script>
在每个<img src="x.gif">中,添加代码:
onMouseOut=low(this) onMouseOver=high(this) style='FILTER: alpha(opacity=30)'

至此你就可以完成这个实例了,快去试试吧!

本文作者:
« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3