各类动态图片的集合
乱飞的图片
乱飞的图片
<html>
<head>
<title>乱飞的图片 ASP代码生成器</title>powered by 25175.net
</head>
<script language="JavaScript1.2">
<!--
ImgA=new Image();
ImgA.src="images/Angell.gif";
ImgB=new Image();
ImgB.src="images/Angel.gif";
ImgC=new Image();
ImgC.src="images/Angell.gif";
ImgD=new Image();
ImgD.src="images/Angel.gif";
//-->
</script>
<script language="JavaScript1.2">
<!--
amount=10;
Xpos=250;
Ypos=200;
step=0.5;
dismissafter=100;
bats=new Array(ImgA.src,ImgB.src,ImgC.src,ImgD.src)
if (document.layers){
for (i=0; i < amount; i++)
{document.write("<LAYER NAME=n"+i+" LEFT=0 TOP=-50><IMG SRC='../../../images/Angell.gif' NAME='nsi'></LAYER>")}
}
if (document.all)
{
document.write('<div id="out" style="position:absolute;top:0;left:0"><div id="in" style="position:relative">');
for (i=0; i < amount; i++)
{document.write('<img src="../../../images/Angell.gif.gif" id="msieBats"'+i+' style="position:absolute;top:-50;left:0">')}
document.write('</div></div>');
}
yBase=0;
xBase=0;
currStep=0;
a_count=0;
b_count=1;
c_count=2;
d_count=3;
move=1;
if (document.layers){
yBase=window.innerHeight/3;
xBase=window.innerWidth/6;
window.captureEvents(Event.MOUSEMOVE);
}
if (document.all){
yBase = window.document.body.offsetHeight/3;
xBase = window.document.body.offsetWidth/6;
}
function dismissbat(){
clearInterval(flybat)
if (document.layers){
for (i2=0; i2 < amount; i2++){
document.layers['n'+i2].visibility="hide"
}
}
else if (document.all)
document.all.out.style.visibility="hidden"
}
function Animate(){
a_count+=move;
b_count+=move;
c_count+=move;
d_count+=move;
currStep+=step;
if (a_count >= bats.length) a_count=0;
if (b_count >= bats.length) b_count=0;
if (c_count >= bats.length) c_count=0;
if (d_count >= bats.length) d_count=0;
if (document.layers){
document.layers['n'+0].document.images['nsi'].src=../../../bats[a_count];
document.layers['n'+1].document.images['nsi'].src=../../../bats[b_count];
document.layers['n'+2].document.images['nsi'].src=../../../bats[b_count];
if (amount > 2)
{
for (i=3; i < amount; i++)
{document.layers['n'+i].document.images['nsi'].src=../../../bats[d_count]}
}
for (i=0; i < amount; i++)
{
var NewL="n"+i
document.layers[NewL].top = Ypos+yBase*Math.sin(((currStep)+i*3.7)/4)*Math.cos((currStep+i*35)/10)
document.layers[NewL].left =Xpos+xBase*Math.cos(((currStep)+i*3.7)/4)*Math.cos((currStep+i*35)/62)
}
}
if (document.all){
document.all.msieBats[0].src=../../../bats[a_count];
document.all.msieBats[1].src=../../../bats[b_count];
document.all.msieBats[2].src=../../../bats[c_count];
if (amount > 2)
{
for (i=3; i < amount; i++)
{document.all.msieBats[i].src=../../../bats[d_count]}
}
for (i=0; i < amount; i++)
{
document.all.msieBats[i].style.pixelTop = Ypos+yBase*Math.sin(((currStep)+i*3.7)/4)*Math.cos((currStep+i*35)/10)
document.all.msieBats[i].style.pixelLeft =Xpos+xBase*Math.cos(((currStep)+i*3.7)/4)*Math.cos((currStep+i*35)/62)
}
}
}
flybat=setInterval('Animate()',100);
setTimeout("dismissbat()",dismissafter*10000)
//-->
</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日
)
