静夜思 发布留言 2005-1-20 10:12
[分享]图片在网页中的游动效果(游来游去的广告,也可以说是浮动)
huangjin需要鼠标悬停的，恰好论坛后台有这个广告开关，就把相应的js文件拿出来替换掉刚才的那个，这个优化的比较好．
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
var vmin=2; //移动的最小速度
var vmax=5; //移动的最大速度
var vr=3;
var timer1;
var jobads;
function move_ad(Forum_ads_3,Forum_ads_4,Forum_ads_5,Forum_ads_6)
{
document.write('<div id="jobads" style="height:49px;left:178px;position:absolute;top:1237px;width:70px; z-index:1000">');
document.write('<a href="' + Forum_ads_4 + '" target="_blank" onmouseover=stopme("jobads"); onmouseout=movechip("jobads");>');
document.write('<img src="' + Forum_ads_3 + '" border="0" width="' + Forum_ads_5 + '" height="' + Forum_ads_6 + '"></a></div>');
jobads();
}
function jobads()
{
if(navigator.appName.indexOf("Internet Explorer")!=-1)
{
if(parseInt(navigator.appVersion.substring(0,1))>=4) brOK=navigator.javaEnabled();mie=true;
}
if(navigator.appName.indexOf("Netscape")!=-1)
{
if(parseInt(navigator.appVersion.substring(0,1))>=4) brOK=navigator.javaEnabled();
}
jobads.named="jobads";
jobads.vx=vmin+vmax*Math.random();
jobads.vy=vmin+vmax*Math.random();
jobads.w=1;
jobads.h=1;
jobads.xx=0;
jobads.yy=0;
jobads.timer1=null;
movechip("jobads");
}
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.xx>=680)
{
chip.xx=chip.xx-20;
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+"')",80);
}
}
function stopme(chipname)
{
if(brOK)
{
eval("chip="+chipname);
if(chip.timer1!=null)
{
clearTimeout(chip.timer1)
}
}
}
</SCRIPT>
</HEAD>
<BODY>
<SCRIPT language=javascript>move_ad('Images/userface/image21.gif','/bbs/index.asp','100','100');</SCRIPT>
</BODY>
</HTML>
huangjin 发布留言 2005-1-20 10:31
谢谢提供
！
！！
huangjin 发布留言 2005-1-20 10:43
这是其中一个效果，还有像论坛右边的“跳转”－－随滚动条改变
另一种是固定在内容的两边，一般一样，就像对联那样
这些代码？？
huangjin 发布留言 2005-1-20 12:33
突然发现感觉好像效果有一点缺：
就是当鼠标停在上面，图片不能停止啊！！
静夜思 发布留言 2005-1-20 13:06
现在可以停止了，这样调用函数也比较方便
huangjin 发布留言 2005-1-20 13:39
以下是引用huangjin在2005-1-20 12:33:01的发言：
突然发现感觉好像效果有一点缺：
就是当鼠标停在上面，图片不能停止啊！！
very good!!!
不过能不能帮我一个忙
在
http://www.microsoft.com/china里其中一个onMouseOver事件
效果是，链接文本外面的边框线（或者表格的边框）变成有了，
链接文本后面有颜色填充：灰色
我需要它的代码，查看原文件，查不到代码，顺便问一下，网页里是不是可以隐藏原代码，或者禁止？怎么做啊？？？
静夜思 发布留言 2005-1-20 13:43
你的这个问题已经有人解决了
http://bbs.bc-cn.net/bbs/dispbbs.asp?boardID=15&ID=11518&page=1
禁止别人另保存原代码没有意义，如果别人想保存总有办法。有时候看代码看不到js和css不是隐藏了，是单独作为一个文件调用的．
哈马拟 发布留言 2005-1-25 12:24
呵呵,非常好的实例!
如果能凭自己一已之力,写出有类似功能的代码.则javascript应该掌握得很不错了
我认为应该可以用"行为"来实现,而且代码会更简捷.
[em07][em07]
suyongtao 发布留言 2005-2-26 16:17
管理员能把后台那个广告的开关代码给写出来吗?谢了,我现在正要用呢,做个广告管理系统
wanyuande 发布留言 2005-3-9 14:51
我使用了这段代码，但不知为何，当图片浮动到我在网页中所添加的一个flash上时，总是位于flash的下方，哪位大哥帮忙解释一下[em08]
a282678993 发布留言 2006-6-6 16:12
浮动广告的代码要是想在本机上实现的话 那个图片的路径要怎么设啊呀 请楼主说明下吧 谢谢了
guixiaolan 发布留言 2006-8-24 14:50
以下内容为程序代码:
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
var vmin=2; //移动的最小速度
var vmax=5; //移动的最大速度
var vr=3;
var timer1;
var jobads;
function move_ad(Forum_ads_3,Forum_ads_4,Forum_ads_5,Forum_ads_6)
{ document.write('<div id="jobads" style="height:49px;left:178px;position:absolute;top:1237px;width:70px; z-index:1000">');
document.write('<a href="' + Forum_ads_4 + '" target="_blank" onmouseover=stopme("jobads"); onmouseout=movechip("jobads");>');
document.write('<img src="' + Forum_ads_3 + '" border="0" width="' + Forum_ads_5 + '" height="' + Forum_ads_6 + '"></a></div>');
jobads();
} function jobads()
{ if(navigator.appName.indexOf("Internet Explorer")!=-1)
{ if(parseInt(navigator.appVersion.substring(0,1))>=4) brOK=navigator.javaEnabled();mie=true;
} if(navigator.appName.indexOf("Netscape")!=-1)
{ if(parseInt(navigator.appVersion.substring(0,1))>=4) brOK=navigator.javaEnabled();
} jobads.named="jobads";
jobads.vx=vmin+vmax*Math.random();
jobads.vy=vmin+vmax*Math.random();
jobads.w=1;
jobads.h=1;
jobads.xx=0;
jobads.yy=0;
jobads.timer1=null;
movechip("jobads");
} 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.xx>=680)
{
chip.xx=chip.xx-20;
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+"')",80);
} }
function stopme(chipname)
{ if(brOK)
{ eval("chip="+chipname);
if(chip.timer1!=null)
{
clearTimeout(chip.timer1)
}
} }
</SCRIPT>
</HEAD>
<BODY>
<SCRIPT language=javascript>move_ad('Images/userface/image21.gif','/bbs/index.asp','100','100');</SCRIPT>
</BODY>
</HTML> |
rabbit5455 发布留言 2006-9-2 08:18
呵呵，我看了代码了 。。
写得不错，我前几天自己也做了一个浮动控制系统，
只是和楼主的侧重点不同，我的代码发在asp的板块里面了 。。。
希望和各位交流一下 。。
点击下面的链接可查看帖子：
[
原创]浮动广告运动系统 V1.0 （可以方便的在页面上加入浮动广告） 我的代码更侧重于对广告的管理和控制，代码已经写成了一个javascript类，调用只需要几句代码就可以了 。
预览地址：http://www.zhie.net.cn/cls_AdsMovementSystem_xh/Adsexample_xuhua.html
zklhp 发布留言 2008-10-9 13:10
[un]guixiaolan[/un] 在 2006-8-24 14:50 的发言：[/bo]
<Script LANGUAGE="JavaScript">var vmin=2; //移动的最小速度var vmax=5; //移动的最大速度var vr=3;var timer1;var jobads;function move_ad(Forum_ads_3,Forum_ads_4,Forum_ads_5,Forum_ads_6){ ... |
还是这样看好 呵呵
页: [1]
