各类动态图片的集合
浮在页面上的图片广告
<html>
<head>
<title>浮在页面上的图片广告 越ASP代码生成器</title>powered by 25175.net
</head>
<script language="JavaScript">
var pic="images/girl.jpg";//设置图片
var alt="这里最精彩！";
var speed=120;
var light=0;
var stop=0;
var num=0;
var brOK=false;
var mie=false;
var aver=parseInt(navigator.appVersion.substring(0,1));
var aname=navigator.appName;
var vmin=2;
var vmax=5;
var vr=2;
var timer1;
var allyes;
var ns = (document.layers) ? 1 : 0;
var ie = (document.all) ? 1 : 0;
var bFade=false;
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();
}
}
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=10;
this.yy=10;
this.timer1=null;
}
function movechip(chipname){
if (stop!=1){
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;
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+"')",speed);
}
}
else {chip.timer1=setTimeout("movechip('"+chip.named+"')",speed);}
if (ie){
if (light==1){
var nOpacity=oImg.filters.alpha.opacity;
if (nOpacity>=100) bFade=true;
if (nOpacity<=0) bFade=false;
if (bFade) oImg.filters.alpha.opacity--;
if (!bFade) oImg.filters.alpha.opacity++;
}
}
}
function stopme(chipname){
if(brOK){
eval("chip="+chipname);
if(chip.timer1!=null){
clearTimeout(chip.timer1)
}
}
}
function allyes1(){
if (num==0){
checkbrOK();
allyes=new Chip("allyes",100,80);
if(brOK) {
movechip("allyes");
}
}
num++;
}
if (ie){
document.write("<div ID='allyes' STYLE='position:absolute;left: 10px; top: 10px;'>");
document.write("<a href='http://wwwzji.126.com' target=_blank>");
if (light==1){
document.write("<dd><img SRC='" + pic + "' onload='allyes1()' ID='oImg' border='0' alt='" + alt + "' style='position:absolute;left:200px;top:200px;filter:alpha(opacity=50);' onMouseOver='stop=1;' onMouseOut='stop=0;'></a></dd>");
}
else if (light==0){
document.write("<dd><img SRC='" + pic + "' onload='allyes1()' border='0' alt='" + alt + "' onMouseOver='stop=1;' onMouseOut='stop=0;'></a></dd>");
}
document.write("</div>");
}
else if (ns){
document.write("<layer name='allyes' visibility=\"show\" onMouseOver='stop=1;' onMouseOut='stop=0;' onload='allyes1()' >");
document.write("<a href='http://wwwzji.126.com'>");
document.write("<dd><img SRC='" + pic + "' border='0' alt='" + alt + "'></a></dd>");
document.write("</layer>");
}
</script>
<body>
</body>
</html>
| 【内容导航】 | |
| 第1页：跟随鼠标的图片 | 第2页：跟着鼠标的图片2 |
| 第3页：跟着鼠标旋转的图片 | 第4页：自由走动的图片 |
| 第5页：来回摆动的图片 | 第6页：乱飞的图片 |
| 第7页：浮动图像显示 | 第8页：将图片固定在左上角 |
| 第9页：随屏幕移动的图片并可任意移动 | 第10页：在页上不停走动的图片 |
| 第11页：任意指定图片位置 | 第12页：向上浮的图片 |
| 第13页：往下掉并弹起的图片 | 第14页：在浏览器窗口外移动的图片 |
| 第15页：浮在页面上的图片广告 | 第16页：随意飘动的图像 |
| 第17页：图片穿行 | 第18页：左右移动的图片 |
| 第19页：跟着屏幕走的图片 | 第20页：将图片固定在左下角 |
| 第21页：旋转的图片 | 第22页：徐徐上升的图片 |
| 第23页：页面动态图片 | 第24页：移动的图片 |
| 第25页：鼠标停在文本上图片自动围绕 | 第26页：滚动图片公告栏 |
| 第27页：飞来飞去的图片 | 第28页：滚动显示图片 |
| 第29页：将图片固定在左下角 | 第30页：将图片固定在右下角 |
| 第31页：图片居中 | 第32页：不停闪烁的图片 |
| 第33页：带彩色边框的图片 | 第34页：点击消失的图片 |
| 第35页：定时闪烁的图片 | 第36页：动感的图片 |
| 第37页：抖动的图片 | |
上一篇：随鼠标移动而变化的图片
下一篇：网页设计之css+div PK table+css
|
|
各类动态图片的集合_跟随鼠标的图片
http://www.25175.com/200609/25175/25175_html/
(oooooooooo
,09月02日
)
页面破了..
(晕
,2007年06月13日
)
反映违反看见
(饿热额外法
,2007年03月16日
)
