在网页上设计飘动广告_Web开发_学习笔记★闵涛★计算机学习电脑编程软硬件技巧


	转至繁体中文版	\| 网站首页 \| 图文教程 \| 资源下载 \| 站长博客 \| 图片素材 \| 武汉seo \| 武汉网站优化 \|

在网页上设计飘动广告

作者：闵涛文章来源：闵涛的学习笔记点击数：799 更新时间：2009/4/23 11:13:59

　　把下面的代码加入<head>...</head>之间：
var brOK=false;
var mie=false;
var aver=parseInt(navigator.appVersion.substring(0,1));
var aname=navigator.appName;
  //check browser
function checkbrOK()
{
if(aname.indexOf("Internet Explorer")!=-1)
{
  if(aver>=4)
   brOK=navigator.javaEnabled();
  mie=true;
}
if(aname.indexOf("Netscape")!=-1)
{
  if(aver>=4)
   brOK=navigator.javaEnabled();
}
}

var vmin=5;
var vmax=2;
var vr=2;
var timer1;
function Chip(chipname,width,height)
{
   this.named=chipname;
   this.vx=vmin+vmax*Math.random();
   this.vy=vmin+vmax*Math.random();
   this.w=width;
   this.h=height;
   this.xx=0;
   this.yy=0;
   this.timer1=null;
}
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.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(!mie)
  {
   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+"")",100);
}
}
function stopme(chipname)
{
if(brOK)
{//alert(chipname)
  eval("chip="+chipname);
  if(chip.timer1!=null)
  {
   clearTimeout(chip.timer1);
  }
}
}

var floater;
function floater()
{
checkbrOK(

[网页制作]在网页上设计飘动广告

教程录入：mintao 责任编辑：mintao

上一篇教程：让主页的按钮靓起来

下一篇教程：防止空连接#返回到页面顶端

【字体：小大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网]

　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）

同类栏目

· Web开发  · 网页制作
· 平面设计  · 网站运营
· 网站推广  · 搜索优化
· 建站心得  · 站长故事
· 互联动态

热门推荐

没有教程

赞助链接

闵涛博文

500 - 内部服务器错误。

您查找的资源存在问题，因而无法显示。

鄂公网安备 42011102001154号

站长：MinTao ICP备案号：鄂ICP备11006601号-18

闵涛站盟:医药大全-武穴网。A打造B、C、D……