随意飘动的图像 _各类动态图片的集合

<html>

<head>
<title>随意飘动的图像 ASP代码生成器</title>powered by 25175.net
</head>
<!--随意飘动的图象[推荐][根据提示进行修改即可][共1步]

====1、将以下代码加入HTML的<BODY></BODY>之间-->

<BODY><script language="JavaScript1.2">
//图片的链接地址
var snowsrc="../../../images/Refresh.GIF"
//图片的运动时间
var no = 10; //图片的个数
var ns4up = (document.layers) ? 1 : 0; // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp;    // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) {
dx[i] = 0;                        // 图片的运行轨道
xp[i] = Math.random()*(doc_width-50); // 图片的运行轨道
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;         // 图片的运行轨道
stx[i] = 0.02 + Math.random()/10; // 图片的运行轨道
sty[i] = 0.7 + Math.random();     // 图片的运行轨道
if (ns4up) {                      // 图片的运行轨道
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><a href=\"http://dynamicdrive.com/\"><img src='"+snowsrc+"' border=\"0\"></a></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+snowsrc+"' border=\"0\"></layer>");
}
} else if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"></a></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"></div>");
}
}
}
function snowNS() { // netscape main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", 10);
}
function snowIE() { // IE main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", 10);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
</script>

</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页：抖动的图片