pic

最新推荐文章于 2020-11-07 00:05:36 发布

lwqJ

最新推荐文章于 2020-11-07 00:05:36 发布

阅读量1.5k

点赞数

文章标签： object filter javascript function html

本文链接：https://blog.csdn.net/lwqJ/article/details/219571

版权

<HTML>
<HEAD>
<TITLE> 顺序显示图片 </TITLE>
</HEAD>
<BODY>
<IMG name="object1" SRC="17252405981.jpg" style="filter:alpha(opacity=10)" >
<IMG name="object2" SRC="17252405981.jpg" style="filter:alpha(opacity=10)" >
<IMG name="object3" SRC="17252405981.jpg" style="filter:alpha(opacity=10)" >
<IMG name="object4" SRC="17252405981.jpg" style="filter:alpha(opacity=10)" >
<IMG name="object5" SRC="17252405981.jpg" style="filter:alpha(opacity=10)" >
<IMG name="object6" SRC="17252405981.jpg" style="filter:alpha(opacity=10)" >
</BODY>
<script language="javaScript">
var count = 0;
function goInorder(){
  document.object1.filters.alpha.opacity=10;
  object2.filters.alpha.opacity=20;
  object3.filters.alpha.opacity=30;
  object4.filters.alpha.opacity=40;
  object5.filters.alpha.opacity=50;
  object6.filters.alpha.opacity=60;
  if (count%6 == 0){
  document.object1.filters.alpha.opacity=100;
  }else if(count%6 == 1){
  document.object2.filters.alpha.opacity=100;
  }else if(count%6 == 2){
        document.object3.filters.alpha.opacity=100;
  }else if(count%6 == 3){
  document.object4.filters.alpha.opacity=100;
  }else if(count%6 == 4){
  document.object5.filters.alpha.opacity=100;
  }else if(count%6 == 5){
  document.object6.filters.alpha.opacity=100;
  }
  count++;
setTimeout("goInorder()",200);
}
goInorder();
</script>
</HTML>

lwqJ

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
pic

顺序显示图片 var count = 0; function goInorder(){ document.object1.filters.alpha.opacity=10; object2.filters.alpha.opacity=20; object3.filters.alpha.opacity=30; object4.filters.alpha.opacity=40; obje
复制链接

扫一扫

pic

“相关推荐”对你有帮助么？