教程集 > 脚本编程 > javascript > 正文页面马赛克效果

页面马赛克效果

发布时间：2023-07-18 编辑：jiaochengji.com

教程集为您提供页面马赛克效果等资源，欢迎您收藏本站，我们将为您提供最新的页面马赛克效果资源

提示：您可以先修改部分代码再运行

<html>  <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>页面马赛克效果</title>  </head>  <body>  <style>  </style>  <div id="p1" class="intro">  </div>  <div id="p2" class="intro">  </div>  <div id="p3" class="intro">  </div>  <div id="p4" class="intro">  </div>  <div id="p5" class="intro">  </div>  <div id="p6" class="intro">  </div>  <div id="p7" class="intro">  </div>  <div id="p8" class="intro">  </div>  <div id="p9" class="intro">  </div>  <div id="p10" class="intro">  </div>  <div id="p11" class="intro">  </div>  <div id="p12" class="intro">  </div>  <div id="p13" class="intro">  </div>  <div id="p14" class="intro">  </div>  <div id="p15" class="intro">  </div>  <div id="p16" class="intro">  </div>  <div id="p17" class="intro">  </div>  <div id="p18" class="intro">  </div>  <div id="p19" class="intro">  </div>  <div id="p20" class="intro">  </div>  <div id="p21" class="intro">  </div>  <div id="p22" class="intro">  </div>  <div id="p23" class="intro">  </div>  <div id="p24" class="intro">  </div>  <div id="p25" class="intro">  </div>  <script>  var espeed=300  var counter=1  var temp=new Array()  var temp2=new Array()    if (document.layers){  for (i=1;i<=25;i  ){  temp[i]=eval("document.p" i ".clip")  temp2[i]=eval("document.p" i)  temp[i].width=window.innerWidth/5  temp[i].height=window.innerHeight/5  }   for (i=1;i<=5;i  )  temp2[i].left=(i-1)*temp[i].width   for (i=6;i<=10;i  ){  temp2[i].left=(i-6)*temp[i].width  temp2[i].top=temp[i].height  }   for (i=11;i<=15;i  ){  temp2[i].left=(i-11)*temp[i].width  temp2[i].top=2*temp[i].height  }   for (i=16;i<=20;i  ){  temp2[i].left=(i-16)*temp[i].width  temp2[i].top=3*temp[i].height  }   for (i=21;i<=25;i  ){  temp2[i].left=(i-21)*temp[i].width  temp2[i].top=4*temp[i].height  }   }   function erasecontainerns(){  window.scrollTo(0,0)  var whichcontainer=Math.round(Math.random()*25)  if (whichcontainer==0)  whichcontainer=1  if (temp2[whichcontainer].visibility!="hide")  temp2[whichcontainer].visibility="hide"  else{  while (temp2[whichcontainer].visibility=="hide"){  whichcontainer=Math.round(Math.random()*25)  if (whichcontainer==0)  whichcontainer=1  }  temp2[whichcontainer].visibility="hide"  }  if (counter==25)  clearInterval(beginerase)   counter    espeed-=10   }     if (document.all) {  var containerwidth=parseInt(document.body.clientWidth/5)  var containerheight=parseInt(document.body.offsetHeight/5)   for (i=1;i<=25;i  ){  temp[i]=eval("document.all.p" i ".style")  temp[i].width=containerwidth  temp[i].height=containerheight  }   for (i=1;i<=5;i  )  temp[i].left=(i-1)*containerwidth   for (i=6;i<=10;i  ){  temp[i].left=(i-6)*containerwidth  temp[i].top=containerheight  }   for (i=11;i<=15;i  ){  temp[i].left=(i-11)*containerwidth  temp[i].top=2*containerheight  }   for (i=16;i<=20;i  ){  temp[i].left=(i-16)*containerwidth  temp[i].top=3*containerheight  }   for (i=21;i<=25;i  ){  temp[i].left=(i-21)*containerwidth  temp[i].top=4*containerheight  }  }   function erasecontainerie(){  var whichcontainer=Math.round(Math.random()*25)  if (whichcontainer==0)  whichcontainer=1  if (temp[whichcontainer].visibility!="hidden")  temp[whichcontainer].visibility="hidden"   else{  while (temp[whichcontainer].visibility=="hidden"){  whichcontainer=Math.round(Math.random()*25)  if (whichcontainer==0)  whichcontainer=1  }  temp[whichcontainer].visibility="hidden"  }   if (counter==25){  clearInterval(beginerase)  clearInterval(keeptop)  }  counter    espeed-=10   }   if (document.layers)  beginerase=setInterval("erasecontainerns()",espeed)  else if (document.all){  beginerase=setInterval("erasecontainerie()",espeed)  keeptop=setInterval("window.scrollTo(0.0)",100)  }  </script>   </body>  </html>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
Photoshop在图片上打马赛克方法分享
 如何使用HTML5 canvas实现图像的马赛克
 HTML5 canvas如何实现马赛克的淡入淡出效果（代码）
photoshop合成疯狂的摩托车比赛海报教程
 Photoshop制作漂亮的水彩画马克杯教程
 css实现透明度兼容IE, Firefox, Chrome, Safari代码
 PHP图片描边字与马赛克(示例)
python能做什么有趣的东西
 jQuery图片相册插件 Mosaiqy
photoshop设计赛车主题宣传海报合成教程

上一篇：改变IE滚动条的样式下一篇：页面中旋转起伏的眩目光环

[关闭]

页面马赛克效果

最近更新

浏览排行