ASP学校学生基地,原创基地,ASP优秀程序,定制程序,学校信息化教育整合系统的开始! 设为首页 添加到收藏夹 25175产品
  首页 > 网站技巧
        阅读新闻
 

各类动态图片的集合

往下掉并弹起的图片

[日期:2007-02-11]  来源:25175  作者:admin  阅读: 次  [字体: ]

<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] [..8] [9] [10] [11] [12] [13] [14] [15] [16] [17..] [37] 下一页   
【内容导航】
第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日 )
 

点评: 字数
姓名:

.
网站制作 | 广告服务 | 产品价格 | 汇款方式 | 购买指南 | 程序制作 |
技术支持 | idc.25175.net
Copyright © 2005-2008 25175. All Rights Reserved powered by 25175 | 浙ICP备05022281 | 法律顾问:陈淑丽