发新话题
打印

[分享] 在论坛中添加四处漂浮的logo(广告)图片 [教程]

本主题由 水映云轩 于 2007-8-13 08:41 设置高亮

在论坛中添加四处漂浮的logo(广告)图片 [教程]



其实早就想把这个代码给大家了,苦于一直没有时间写教程。
今天终于抽了点时间把代码分享给大家,希望大家能喜欢哦!




演示地址
:http://yes.tv.topzj.com
首先制作一个js文件
然后把以下代码复制到js文件里,把下面动感驿站的网址和LOGO地址换成你想设置的(下面的代码已经换成js代码)。
复制内容到剪贴板
代码:
var pngbrOK=false;
var mie=false;
var aver=parseInt(navigator.appVersion.substring(0,1));
var aname=navigator.appName;
var pngmystop=0;

function pngcheckbrOK()
{if(aname.indexOf("Internet Explorer")!=-1)
{if(aver>=4) pngbrOK=navigator.javaEnabled();
mie=true;
}
if(aname.indexOf("Netscape")!=-1)
{if(aver>=4) pngbrOK=navigator.javaEnabled();}
}
var vmin=2;
var vmax=5;
var vr=2;
var timer1;

function pngchip(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 pngmovechip(chipname)
{
if(pngbrOK && pngmystop==0)
{eval("pngchip="+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;
}
pngchip.xx=pngchip.xx+pngchip.vx;
pngchip.yy=pngchip.yy+pngchip.vy;
pngchip.vx+=vr*(Math.random()-0.5);
pngchip.vy+=vr*(Math.random()-0.5);
if(pngchip.vx>(vmax+vmin)) pngchip.vx=(vmax+vmin)*2-pngchip.vx;
if(pngchip.vx<(-vmax-vmin)) pngchip.vx=(-vmax-vmin)*2-pngchip.vx;
if(pngchip.vy>(vmax+vmin)) pngchip.vy=(vmax+vmin)*2-pngchip.vy;
if(pngchip.vy<(-vmax-vmin)) pngchip.vy=(-vmax-vmin)*2-pngchip.vy;
if(pngchip.xx<=pageX)
{pngchip.xx=pageX;
pngchip.vx=vmin+vmax*Math.random();
}
if(pngchip.xx>=pageX+pageW-pngchip.w)
{pngchip.xx=pageX+pageW-pngchip.w;
pngchip.vx=-vmin-vmax*Math.random();
}
if(pngchip.yy<=pageY)
{pngchip.yy=pageY;
pngchip.vy=vmin+vmax*Math.random();
}
if(pngchip.yy>=pageY+pageH-pngchip.h)
{pngchip.yy=pageY+pageH-pngchip.h;
pngchip.vy=-vmin-vmax*Math.random();
}
if(!mie)
{eval('document.'+pngchip.named+'.top ='+pngchip.yy);
eval('document.'+pngchip.named+'.left='+pngchip.xx);
}
else
{eval('document.all.'+pngchip.named+'.style.pixelLeft='+pngchip.xx);
eval('document.all.'+pngchip.named+'.style.pixelTop ='+pngchip.yy);
}
    pngchip.timer1=setTimeout("pngmovechip('"+pngchip.named+"')",100);
}
}
function pngstop(x)
{
pngbrOK=true;
pngmystop=x;
pngmovechip("pngtome");
}
var pngtome;
var pngchip;
function pngtome()
{pngcheckbrOK();
pngtome=new pngchip("pngtome",80,80);
if(pngbrOK)
{ pngmovechip("pngtome");
}
}

ns4=(document.layers)?true:false;
ie4=(document.all)?true:false;

function pngover()
{
if(ns4){
    document.png.left=window.innerWidth/2-400;
    //eval('document.png.left=window.innerWidth/2-400');
    eval('document.png.top=document.'+pngchip.named+'.top');
    document.png.visibility="show";
    }else if(ie4)
    {
    //document.all.png.style.left=window.document.body.offsetWidth/2-400;
    document.all.png.style.left=parseInt(window.document.body.offsetWidth/2-400);
    document.all.png.style.top=parseInt(document.all.pngtome.style.top);
    document.all.png.style.visibility="visible";
    pngstop(1);
    }
}

function pngout()
{
if(ns4){
    document.png.visibility="hide";
    }else if(ie4)
    {
    document.all.png.style.visibility="hidden";
    pngstop(0);
    }
}

document.write("<div id='pngtome' style='position:absolute;'><a href='[url]http://yes.tv.topzj.com/[/url]' onMouseOver=pngover() onMouseOut=pngout() target='_blank'><img src=http://sky9.91.tc/logo/logo.gif border=0></a>"
+"</div>"
+"     <div id='png' style='position:absolute; left:0;top:0;;visibility:hidden;'>"
+"     <a href='[url]http://yes.tv.topzj.com[/url]'<img border=0 src='[img]http://sky9.91.tc/logo/logo.gif[/img]'></a>"
+"     </div>");
pngtome()



最后把下面回复可见里面的代码放在论坛的位子有2个可选者的地方



①(只在首页显示)   系统设置---论坛管理---版块编辑---论坛简介:
②(在每页都显示)   系统设置---基本设置---搜索引擎优化---其他头部信息:
里就大功告成了!呵呵,是不是很简单啊
以下内容跟帖回复才能看到
==============================

[ 本帖最后由 桀骜不逊 于 2006-10-4 18:08 编辑 ]
本帖最近评分记录

动感驿站http://yes.tv.topzj.com
网站建设、新手帮助、新帖排行、风格模板、免费资源、在线影视、歌曲

TOP

因为这里不能设置回复可见.连接代码请到http://yes.tv.topzj.com领取.
也算对辛苦发贴者的一点尊重

[ 本帖最后由 桀骜不逊 于 2007-1-14 14:04 编辑 ]

动感驿站http://yes.tv.topzj.com
网站建设、新手帮助、新帖排行、风格模板、免费资源、在线影视、歌曲

TOP

郁闷
http://xylt.edu.topzj.com/index.php
馨月论坛欢迎您!

TOP

郁闷什么啊?有不懂问我

动感驿站http://yes.tv.topzj.com
网站建设、新手帮助、新帖排行、风格模板、免费资源、在线影视、歌曲

TOP

是么   这样
   360行论坛   交换连接
http://360hang.job.topzj.com

TOP

很想看看是怎么回事~
♀这个世界:我是谁的谁?流浪的棒棒ジ糖..♂

TOP

东西加得多不好,速度慢哦~~

TOP

忽忽
感觉放在左右2边会好点

TOP

不管怎样,写教材是很辛的,支持一下!!

TOP

呵呵。终于有人理解我。谢谢!!感动ING。。

动感驿站http://yes.tv.topzj.com
网站建设、新手帮助、新帖排行、风格模板、免费资源、在线影视、歌曲

TOP

发新话题