当前页面: 开发资料首页 → Javascript 专题 → 图片的淡入淡出(HTC)
摘要: 图片的淡入淡出(HTC)
这是我用HTC写的一个图片淡入淡出的组件,供参考,如有不好提意见,互相学习.
<script>
//////////////////////////////
//author by fason(2003-5-10)//
//////////////////////////////
var timer;
var initOffset;
var onOffset=5
var offOffset=10;//移上,移走时opacity的偏移量
function init(){
initOffset=element.filters.alpha.opacity
}
function fade_on(){
clearInterval(timer)
timer=window.setInterval("document.all['"+element.uniqueID+"'].fade(0)",10)
}
function fade_off(){
clearInterval(timer)
timer=window.setInterval("document.all['"+element.uniqueID+"'].fade(1)",10)
}
function fade(n){
opacty=element.filters.alpha.opacity
if(n)
if(opacty>initOffset)element.filters.alpha.opacity-=offOffset
else clearInterval(timer)
else
if(opacty<100)element.filters.alpha.opacity+=offOffset
else clearInterval(timer)
}
</script>
使用:
演示:
http://fason.nease.net/code/js/other/fade.htm </td> </tr> <tr> <td vAlign=top align=left height="100%">