加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

新浪首发:页面加载时马赛克效果

(2006-08-20 14:10:15)
分类: 时尚潮流类爱美心皆有之
代码如下:
<style>
<!--
.intro {
position:absolute;
left:0;
top:0;
layer-background-color:green;
background-color:green;
border:0.1px solid green
}
-->
</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><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_r("document.p"+i+".clip")
  temp2[i]=eval_r("document.p"+i)
  temp[i].width=windows.innerWidth/5
  temp[i].height=windows.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_r("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>
添加方法:
1,控制面板----首页内容维护----定义空白模板----新建,创建模块标题,粘贴代码(粘贴代码前,在普通模式下打一个空格,然后再进入源代码编辑模式,这时你会看到源代码中已经有一行代码了( <DIV>&nbsp;</DIV> ),这时你再将自己的代码粘贴到它的下面即可,因为CSS代码粘贴到新建立的模块中,没有别的内容,不会显示的)----保存并返回;

 2,控制面板----定制我的首页----点添加模块----点选创建好的模块标题---勾上并保存,移动新建面板位置--保存设置。做第二步的目的是将建立好的模块在博客个人首页里呈现出来。


或者直接把以上代码粘贴到以前你建立的模块中--找一个以前你建立的模块,并且现在正在使用这个模块,粘贴代码。点击保存即可!
转载注明出处!  出自:博易天下 冰河的博客每天都有不一样的精彩!

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有