1楼 主题:博客移动照片特效实现代码

阅读全部 最后发表 引用本帖 回复本帖 我要发帖 发表于 2008-02-27 20:23发送站内短信

今天在网上逛了一下,发现有一个移动的广告代码,于是取来放到博客和宝宝主页上,后来发现代码在宝宝主页上出错,而在博客上则能正常。于是将我家宝宝的头像放到特效里面去,结果宝宝头像到处移动,很可爱呢。

   下面是代码,直接将代码贴到育儿网博客设置的公告里面就可以了。要更改图片,请将'http://static2.ci123.com/photo/440_250/1131/e6fcd2947ea0973d2701aef098d578f4.jpg替换成你要显示的图片即可。

要看效果,请到我博客去看看     进入阿军的博客

特效代码:

<script>
var brOK=false;
var mie=false;
var vmin=2;
var vmax=5;
var vr=3;
var timer1;
var jobads;

function movechip(chipname)
{
 if(brOK)
 {
  eval("chip="+chipname);
  if(!mie)
  {
   pageX=window.pageXOffset;
   pageW=window.innerWidth;
   pageY=window.pageYOffset;
   pageH=window.innerHeight;
  }
  else
  {
   pageX=window.document.body.scrollLeft;
   pageW=window.document.body.offsetWidth-8;
   pageY=window.document.body.scrollTop;
   pageH=window.document.body.offsetHeight;
  }
  chip.xx=chip.xx+chip.vx;
  chip.yy=chip.yy+chip.vy;
  chip.vx+=vr*(Math.random()-0.5);
  chip.vy+=vr*(Math.random()-0.5);
  if(chip.vx>(vmax+vmin))  chip.vx=(vmax+vmin)*2-chip.vx;
  if(chip.vx<(-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx;
  if(chip.vy>(vmax+vmin))  chip.vy=(vmax+vmin)*2-chip.vy;
  if(chip.vy<(-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy;
  if(chip.xx<=pageX)
  {
   chip.xx=pageX;
   chip.vx=vmin+vmax*Math.random();
  }
  if(chip.xx>=pageX+pageW-chip.w)
  {
   chip.xx=pageX+pageW-chip.w;
   chip.vx=-vmin-vmax*Math.random();
  }
  if(chip.xx>=680)
  {
   chip.xx=chip.xx-20;
   chip.vx=-vmin-vmax*Math.random();
  }
  if(chip.yy<=pageY)
  {
   chip.yy=pageY;
   chip.vy=vmin+vmax*Math.random();
  }
  if(chip.yy>=pageY+pageH-chip.h)
  {
   chip.yy=pageY+pageH-chip.h;
   chip.vy=-vmin-vmax*Math.random();
  }
  if (document.getElementById)
  {
   document.getElementById(chip.named).style.left=chip.xx;
   document.getElementById(chip.named).style.top =chip.yy;
  }
  else if(document.layers)
  {
   eval('document.'+chip.named+'.top ='+chip.yy);
   eval('document.'+chip.named+'.left='+chip.xx);
  }
  else
  {
   eval('document.all.'+chip.named+'.style.pixelLeft='+chip.xx);
   eval('document.all.'+chip.named+'.style.pixelTop ='+chip.yy);
  }
  chip.timer1=setTimeout("movechip('"+chip.named+"')",80);
 }
}

function stopme(chipname)
{
 if(brOK)
 {
  eval("chip="+chipname);
  if(chip.timer1!=null)
  {
   clearTimeout(chip.timer1)
  }
 }
}

function jobads()
{
 if(navigator.appName.indexOf("Internet Explorer")!=-1)
 {
  if(parseInt(navigator.appVersion.substring(0,1))>=4) brOK=navigator.javaEnabled();mie=true;
 }
 if(navigator.appName.indexOf("Netscape")!=-1)
 {
  if(parseInt(navigator.appVersion.substring(0,1))>=4) brOK=navigator.javaEnabled();
 }
 jobads.named="jobads";
 jobads.vx=vmin+vmax*Math.random();
 jobads.vy=vmin+vmax*Math.random();
 jobads.w=1;
 jobads.h=1;
 jobads.xx=0;
 jobads.yy=0;
 jobads.timer1=null;
 movechip("jobads");
}

function floatads(url,imgurl)
{
 document.write('<div id="jobads" style="height:49px;left:178px;position:absolute;top:1237px;width:70px; z-index:1000">');
 document.write('<a href="' + url + '" target="_blank" onmouseover=stopme("jobads"); onmouseout=movechip("jobads");>');
 document.write('<img src="' + imgurl + '" border="0"></a></div>');
 jobads();

}

</script>

<script language="--BLOCKED--">
floatads('http://shop34382826.taobao.com','http://static2.ci123.com/photo/440_250/1131/e6fcd2947ea0973d2701aef098d578f4.jpg')
</script>

 宸希爸爸的Blog-一个好男人的心情记录

本楼地址 ^返回顶部

2楼 回复:博客移动照片特效实现代码

阅读全部 最后发表 引用本帖 回复本帖 我要发帖 发表于 2008-02-27 20:26发送站内短信
沙发了。哈哈

本楼地址 ^返回顶部

3楼 回复:博客移动照片特效实现代码

阅读全部 最后发表 引用本帖 回复本帖 我要发帖 发表于 2008-02-27 22:08发送站内短信
代码好长呀!

    

本楼地址 ^返回顶部

4楼 回复:博客移动照片特效实现代码

阅读全部 最后发表 引用本帖 回复本帖 我要发帖 发表于 2008-02-27 22:53发送站内短信
代码好长呀

 许愿树- 育儿网 许愿树- 育儿网                                      小脚印 - 育儿网

本楼地址 ^返回顶部

5楼 回复:回复博客移动照片特效实现代码

阅读全部 最后发表 引用本帖 回复本帖 我要发帖 发表于 2008-02-27 23:36发送站内短信
以下内容引用自阳阳的家的大作:博客移动照片特效实现代码
代码好长呀


 许愿树- 育儿网  许愿树- 育儿网 小脚印 - 育儿网

本楼地址 ^返回顶部

6楼 回复:博客移动照片特效实现代码

阅读全部 最后发表 引用本帖 回复本帖 我要发帖 发表于 2008-02-28 02:48发送站内短信
哇!!这么长哦!哈哈~

    送花谢谢

                         ※丑丑的幸福城堡※

本楼地址 ^返回顶部

7楼 回复:博客移动照片特效实现代码

阅读全部 最后发表 引用本帖 回复本帖 我要发帖 发表于 2008-02-28 11:30发送站内短信
代码太长了吧,呵呵,还是不去试了~~

我的天使我的爱

本楼地址 ^返回顶部

8楼 回复:博客移动照片特效实现代码

阅读全部 最后发表 引用本帖 回复本帖 我要发帖 发表于 2008-03-05 23:43发送站内短信

是好长的代码呀!!一会去看看

 许愿树- 育儿网

本楼地址 ^返回顶部

共 8 篇,显示: 1 - 8篇

您的位置:育儿论坛 » 主页交流
标题:
内容:
登陆 | 注册 | 用户协议
      (Ctrl+Enter快速提交)
· 育儿论坛提供育儿知识:一、母婴妇幼、孕期保健及婴儿接种常见病等护理常识;二、胎儿胎教早教宝典;三、有声读物,歌亲子游戏下载;四、月经避孕,怀孕分娩,婆媳关系指导;五、幼儿辅食喂养,奶粉母乳使用方法。论坛的目标是为妈妈宝宝提供一个温馨完善的亲子家庭社区。
· 育儿论坛用户请确认您发表的言论符合《互联网电子公告服务管理规定》《育儿网用户条款》规定,并符合本论坛的主旨。
· CopyRight ©2008 ci123.com 育儿论坛 版权所有 苏ICP备05075776号