用javascript控制图片淡入淡出效果

yykforever 2003-08-20 03:39:58
<SCRIPT language=JavaScript1.2>
<!--
var highlighting1,highlighting2,highlighting3;
var thei=0;
//=========1==========
function high(which1,which2,which3){
theobject1=which1;
theobject2=which2;
theobject3=which3;
highlighting1=setInterval("highlightit(theobject1,theobject2,theobject3)",50);

}
function low(which1,which2,which3){
//clearInterval(highlighting)
//which2.filters.alpha.opacity=40
theobject1=which1;
theobject2=which2;
theobject3=which3;
highlighting1=setInterval("lowlightit(theobject1,theobject2,theobject3)",50);
}
function highlightit(cur1,cur2,cur3){
//alert(cur1.filters.alpha.opacity);
if (cur1.filters.alpha.opacity<100)
cur1.filters.alpha.opacity+=10;
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10;
if (cur3.filters.alpha.opacity<100)
cur3.filters.alpha.opacity+=10;
else if (window.highlighting1)
clearInterval(highlighting1)
}
function lowlightit(cur1,cur2,cur3){
//alert(cur1.filters.alpha.opacity);
if (cur1.filters.alpha.opacity>40){
cur1.filters.alpha.opacity-=10;
//alert(cur1.filters.alpha.opacity);
}
if (cur2.filters.alpha.opacity>40)
cur2.filters.alpha.opacity-=10;
if (cur3.filters.alpha.opacity>40)
cur3.filters.alpha.opacity-=10;
else if (window.highlighting1)
clearInterval(highlighting1)
}

//========主========
function highorlow(idname1,idname2,idname3){
if (thei==1){
thei=0;
high(idname1,idname2,idname3);
}else{
thei=1;
low(idname1,idname2,idname3);
}
}
var h = setInterval("highorlow(aaa,bbb,ccc);",2000);

</script>

<img id="aaa" style="FILTER: alpha(opacity=100);" src="images/t1.jpg" width="100" height="60" ></td>

为什么在IE6.0总报错说没有注册类别.
而在IE5.0却是好的?
...全文
197 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
yykforever 2003-08-21
  • 打赏
  • 举报
回复
xiaoshi(忙死了+穷死了=死定了)

为什么在IE6.0总报错说没有注册类别.
而在IE5.0却是好的?
ysl99 2003-08-21
  • 打赏
  • 举报
回复
up
yykforever 2003-08-20
  • 打赏
  • 举报
回复
zn1314(阿水) ,好啊,谢了
jsidiot 2003-08-20
  • 打赏
  • 举报
回复
我测试是好的
<html>
<head>
<meta http-equiv=Content-Type content=text/html; charset=gb2312>
<title></title>
</head>
<body topmargin="0" >
<SCRIPT language=JavaScript1.2>
<!--
var highlighting1,highlighting2,highlighting3;
var thei=0;
//=========1==========
function high(which1,which2,which3){
theobject1=which1;
theobject2=which2;
theobject3=which3;
highlighting1=setInterval("highlightit(theobject1,theobject2,theobject3)",50);

}
function low(which1,which2,which3){
//clearInterval(highlighting)
//which2.filters.alpha.opacity=40
theobject1=which1;
theobject2=which2;
theobject3=which3;
highlighting1=setInterval("lowlightit(theobject1,theobject2,theobject3)",50);
}
function highlightit(cur1,cur2,cur3){
//alert(cur1.filters.alpha.opacity);
if (cur1.filters.alpha.opacity<100)
cur1.filters.alpha.opacity+=10;
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10;
if (cur3.filters.alpha.opacity<100)
cur3.filters.alpha.opacity+=10;
else if (window.highlighting1)
clearInterval(highlighting1)
}
function lowlightit(cur1,cur2,cur3){
//alert(cur1.filters.alpha.opacity);
if (cur1.filters.alpha.opacity>40){
cur1.filters.alpha.opacity-=10;
//alert(cur1.filters.alpha.opacity);
}
if (cur2.filters.alpha.opacity>40)
cur2.filters.alpha.opacity-=10;
if (cur3.filters.alpha.opacity>40)
cur3.filters.alpha.opacity-=10;
else if (window.highlighting1)
clearInterval(highlighting1)
}

//========Ö÷========
function highorlow(idname1,idname2,idname3){
if (thei==1){
thei=0;
high(idname1,idname2,idname3);
}else{
thei=1;
low(idname1,idname2,idname3);
}
}
var h = setInterval("highorlow(aaa,bbb,ccc);",2000);
//-->
</script>

<img id="aaa" style="FILTER: alpha(opacity=100);" src="1.jpg" ><br>
<img id="bbb" style="FILTER: alpha(opacity=100);" src="1.jpg" ><br>
<img id="ccc" style="FILTER: alpha(opacity=100);" src="1.jpg" ><br>
</td>
</body>
</html>


zn1314 2003-08-20
  • 打赏
  • 举报
回复
要不我给段程序你!可以实现!
yykforever 2003-08-20
  • 打赏
  • 举报
回复
up

87,904

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧