我的一亩三分地 我就喜欢!
13fen  设为主页
 收藏本站
 
当前位置: > 一亩三分地:首页 > 网络学院 > 网页设计 > Html/Css > 在网页上设计飘动广告
热门文章排行
热门文章排行 网页上传常见问题分析(11-24)
五彩缤纷建网页(一)(10-11)
五彩缤纷建网页(二)(10-11)
五彩缤纷建网页(三)(10-11)
五彩缤纷建网页(四)(10-11)
精采文章排行
精采文章排行 网页技巧二十例(11-13)
模仿QQ和MSN消息提示的效果(11-13)
根据分辨率不同调用不同的css文件(11-13)
Dreamweaver 基础 :DW的"文档"工具(11-01)
Dreamweaver 基础 :DW的"文档"窗口(11-01)
技术专题推荐
网管论坛交流
 

在网页上设计飘动广告 

作者:Admin   来源:Linux 宝库   点击:   日期:2006-12-09


-->
  把下面的代码加入<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();    
    floater=new Chip("floater",0,0);  
    if(brOK)   
    {
  movechip("floater");  
 }
 }  

把下面的代码加入<body>...</body>之间:
<div id=floater style="HEIGHT: 0px;  POSITION: absolute;  WIDTH: 0px; left: 680px; top: 150px; z-index:100" >
<a href=http://www.webjx.com arget=_blank>
<img border=0 src=http://www.webjx.com/images/logo.gif></a>
</div>
这里你可以改成自己要的图片路径.



文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【论坛讨论

   相关文章:
·在状态栏中实现活动文字效果 ·DW+ASP玩转动态二级菜单
·鼠标事件的基础和完美实现 ·DW滑动菜单的制作
·网页里震动的效果怎么做 ·灵活运用DREAMWEAVER的SITE功能

   文章评论:(条)
  
 请留名: 匿名评论   点击查看所有评论 网管论坛
 

  责任编辑:一分  声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。