各类动态图片的集合
往下掉并弹起的图片
<html>
<head>
<title>往下掉并弹起的图片 ASP代码生成器</title>powered by 25175.net
</head>
<!--要完成此效果把如下代码加入到<body>区域中-->
<script>
var brOK=false;
var mie=false;
var aver=parseInt(navigator.appVersion.substring(0,1));
var aname=navigator.appName;
var mystop=0;
var step=0.2;
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=1.5;
var vmax=3;
var vr=2;
var timer1;
function Chip(chipname,width,height)
{this.named=chipname;
this.vx=vmin+vmin;
this.vy=0;
this.w=width;
this.h=height;
this.xx=0;
this.yy=0;
this.timer1=null;
}
function movechip(chipname)
{
if(brOK && mystop==0)
{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+15;
}
chip.xx=chip.xx+chip.vx;
chip.vy=chip.vy+step;
chip.yy=chip.yy+chip.vy;
if(chip.xx<=pageX)
{chip.xx=pageX;
chip.vx=vmin;
}
if(chip.xx>=pageX+pageW-85)
{
chip.xx=pageX;
chip.vx=vmin;
chip.yy=pageY;
chip.vy=vmin+vmax;
}
if(chip.yy>(pageY+pageH-chip.h))
{
chip.yy=pageY+pageH-chip.h;
chip.vy=-chip.vy*0.65;
}
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+"')",20);
}
}
function stopme(flag)
{
brOk=true;
mystop=flag;
movechip("tome");
}
var tome;
var chip;
function tome()
{checkbrOK();
tome=new Chip("tome",80,80);
if(brOK && mystop==0)
{
movechip("tome");
}
}
ns4=(document.layers)?true:false;
ie4=(document.all)?true:false;
function cncover()
{
if(ns4){
document.cnc.left=window.innerWidth/2-400;
eval('document.cnc.top=document.'+chip.named+'.top');
document.cnc.visibility="show";
stopme(1);
mytime=setTimeout("cncout()",3000);
}else if(ie4)
{
document.all.cnc.style.left=window.document.body.offsetWidth/2-400;
document.all.cnc.style.top=parseInt(document.all.tome.style.top);
document.all.cnc.style.visibility="visible";
stopme(1);
mytime=setTimeout("cncout()",3000);
}
}
function cncout()
{
clearTimeout(mytime);
if(ns4){
document.cnc.visibility="hide";
stopme(0);
}else if(ie4)
{
document.all.cnc.style.visibility="hidden";
stopme(0);
}
}onload=tome;
</script>
<div id="tome" style="position:absolute;"><a href=../../../# onMouseOver=cncover() onMouseOut=cncout() target="_blank"><img src=../../../images/girl.jpg border=0></a></div>
<div id="cnc" style="position:absolute; left:0;top:0;;visibility:hidden;"><a href=http://wwwzji.126.com onMouseOver=cncover() onMouseOut=cncout() target=_blank><img border=0 src=../../../images/cat.jpg width=485 ></a></div>
<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日
)
