在网页上设计飘动广告

天道酬勤XING

天道酬勤XING

2016-02-19 18:31

今天图老师小编要跟大家分享在网页上设计飘动广告,精心挑选的过程简单易学,喜欢的朋友一起来学习吧!

  把下面的代码加入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(); 
  } 
 &

CSS教程是:在网页上设计飘动广告。nbsp;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"); 
 }
 } 

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

把下面的代码加入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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

这里你可以改成自己要的图片路径.

展开更多 50%)
分享

猜你喜欢

在网页上设计飘动广告

Web开发
在网页上设计飘动广告

在网页上发布统计曲线

编程语言 网络编程
在网页上发布统计曲线

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

在网页上同步显示QQ秀

聊天软件
在网页上同步显示QQ秀

网页技巧:如何在网页上实现音乐播放?

Web开发
网页技巧:如何在网页上实现音乐播放?

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

水彩风格在网页设计中的应用

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
水彩风格在网页设计中的应用

在网页设计中使用纹理传递氛围

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
在网页设计中使用纹理传递氛围

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

试图连接Oracle数据库时出现的ORA-12514错误信息

试图连接Oracle数据库时出现的ORA-12514错误信息

升级Win10失败提示0x80246017怎么办

升级Win10失败提示0x80246017怎么办
下拉加载更多内容 ↓