在网页上设计飘动广告

广告|飘动|设计|网页

  把下面的代码加入<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>
这里你可以改成自己要的图片路径.

时间: 2024-09-09 21:37:33

在网页上设计飘动广告的相关文章

用JavaScript实现网页上的浮动广告

 漫游于网络之间,你会发觉,因特网不但是信息的海洋,也是广告的海洋.除了普通的Gif Banner.Flash外,浮动广告也是时下网上较为流行的广告形式之一.当你拖动浏览器的滚动条时,这种在页面上浮动的广告,可以跟随屏幕一起移动.尽管这种效果对于广告展示有相当的实用价值,但对浏览你网页的人来讲,这则是个既妨碍阅读,又影响阅读兴趣的东西,因此一定不能滥用.不过,如果你能善用的话,它就能发挥出极大的作用.   要做出浮动式广告的效果并不困难,如果你有JS基础的可以自己写一个,如果连写都懒得写的话,到

JavaScript实现网页上的浮动广告的简单方法_javascript技巧

漫游于网络之间,你会发觉,因特网不但是信息的海洋,也是广告的海洋.除了普通的Gif Banner.Flash外,浮动广告也是时下网上较为流行的广告形式之一.当你拖动浏览器的滚动条时,这种在页面上浮动的广告,可以跟随屏幕一起移动.尽管这种效果对于广告展示有相当的实用价值,但对浏览你网页的人来讲,这则是个既妨碍阅读,又影响阅读兴趣的东西,因此一定不能滥用.不过,如果你能善用的话,它就能发挥出极大的作用. 要做出浮动式广告的效果并不困难,如果你有JS基础的可以自己写一个,如果连写都懒得写的话,到网上下

如何清除网页上的浮动广告和图片

  1.打开浏览器,然后点击菜单上方的"工具--Internet选项"项; 2.在弹出来的属性界面中,切换到"安全"选项卡下,然后点击"自定义级别"按钮; 3.接着在弹出来的框中找到并将"Java小程序脚本"和"活动脚本"禁用,然后点击确定即可.

网页导航设计:网页页面导航设计原则

文章描述:设计师的创意是无限的,但是用户的导航需求是固定的,任何样式,只要能够符合导航原则的几点要求,就可以完成用户的导航任务.更加简便的方法就是只要能在页面元素中找到这个页面的页面路径,就相当于满足了导航原则.这样的原则和方法既可以用来检验我们的设计是否达标 著名的格林童话故事里面汉赛尔和格莱特知道后母想要在深林里面丢掉他们的计划,将面包屑撒在来时的路上,虽然当月亮升起时,面包屑被鸟吃掉了,但是现在的互联网设计师们从这个故事中找到了灵感,设计出不会被鸟吃掉的固定"面包屑". 图1:互

我可以过滤在我的网站上展示的广告吗?---Google Adsence常见问题-搜索引擎技术

     是的.您可以将不希望在自己网站上或 AdSense for search 结果页中展示的广告的网址列入网站过滤列表中.要创建及管理过滤列表,只需通过 https://www.google.com/adsense 登录到您的帐户,然后单击 AdSense for content 或 AdSense for search 标签下的竞争性广告过滤器链接即可.您可以为内容网页和 AdSense for search 结果页创建单独的过滤列表.如果您把某个网站的网址加入到竞争性广告过滤器列表中,

网页上的广告条设计

广告|设计|网页 banner条,是网站用来作为盈利或者是发布一些重要的信息的工具.但是它又不能作为网页的主要内容,因为它的主要目的是吸引人的注意力,让人来购买某种商品,或者是让人注意网站的一些动向,一些新的东西要让用户知道.从这个角度出发,就决定了它的性质.那就是作陪衬,但是又是非常重要的部分,这就是广告条的一些基本的特征与要求. 广告条的出现给网页的制作带来很多的东西,不光是要求附加一些可能是设计者不愿意加的东西,使他们不得不在制作网页的同时要把广告条作为整体的一部分来考虑,当然这同时也是

网页设计中怎么把网页上的内容和数据库连接起来?

问题描述 网页设计中怎么把网页上的内容和数据库连接起来? 想做个网站,可是数据库不会连,怎么办?sql数据库代码怎么写? 解决方案 取决于你网站后台用的什么,php等都可以链接访问数据库. 解决方案二: (1)执行"开始'"控制面板'"性能和维护""管理工具""数据源(ODBC ),弹出"ODBC数据源管理器,对话框.切换到"系统DSN"选项卡. (2)单击"添加,按钮,弹出"创建新数据

网页上的污染源:“PM2.5报告”插件实为恶意广告注射器

本文讲的是网页上的污染源:"PM2.5报告"插件实为恶意广告注射器,网站通过投放广告来获得收入,这本无可厚非.但是大家有没有想过,这些页面广告真的都是网站自己投放的么?其实并不一定,360互联网安全中心近日就发现了这样一款恶意软件,它会向用户正常访问的网页中插入各种低俗甚至是欺诈类的广告. 该恶意软件主体会伪装成"PM2.5报告"程序,被安装后静默向Chrome内核浏览器安装扩展.向IE浏览器安装BHO插件进而插入广告.相较于我们在2015年发布的分析报告<&

webview-android WebView如何去除网页上的广告

问题描述 android WebView如何去除网页上的广告 如何去除嘴上面的广告 解决方案 从网址入手,吧对应广告的地址IP禁止掉 解决方案二: 从网址入手,吧对应广告的地址IP禁止掉 解决方案三: Android WebView 加载网页android webview加载网页