浮动图像显示_各类动态图片的集合

浮动图像显示

<html>

<head>
<title>浮动图像显示 ASP代码生成器</title>powered by 25175.net

<SCRIPT language=javascript>
// 定义浏览器检查变量
var navigator_ok=false;
//取得游览器的版本号第一个字母并转换为数字。
var version_No=parseInt(navigator.appVersion.substring(0,1));
//取得浏览器的名称。
var aname=navigator.appName;
//检查浏览器是否为IE 4.0 以上的版本。
function check_navigate() {
if(aname.indexOf("Internet Explorer")!=-1) {
    if(version_No>=4)
       navigator_ok=navigator.javaEnabled();
}
}
//定义移动增量的最小值。
var delta_min=2;
//定义移动增量的最大值。
var delta_max=5;
//定义产生X、Y增量随机调整大小幅度的变量。
var delta_direction=2;
//定义一个记录浮动图像的对象。
function floater_obj(origin_x,origin_y,my_width,my_height) {
this.delta_x=0;
this.delta_y=0;
this.width=my_width;
this.height=my_height;
this.x=origin_x;
this.y=origin_y;
}
//定义使图像产生浮动效果的执行函数。
function floater_move() {
if(navigator_ok) {
    //取得文档在窗口内的X和Y方向的偏移量。
    pageX=window.document.body.scrollLeft;
    pageY=window.document.body.scrollTop;
    //取得当前窗口的宽度和高度的数值。
    pageW=window.document.body.offsetWidth;
    pageH=window.document.body.offsetHeight;
    //累计X、Y的增量值。
    floater.x +=floater.delta_x;
    floater.y +=floater.delta_y;
    //使X、Y的增量值随机的增加或减少。
    floater.delta_x+=delta_direction*(Math.random()-0.5);
    floater.delta_y+=delta_direction*(Math.random()-0.5);
    //限制X、Y的下正负增量值不超过最大限制。
    if(floater.delta_x>(delta_max+delta_min))
        floater.delta_x=(delta_max+delta_min)*2- floater.delta_x;
    if(floater.delta_x<(-delta_max-delta_min))
        floater.delta_x=(-delta_max-delta_min)*2- floater.delta_x;
    if(floater.delta_y>(delta_max+delta_min))
        floater.delta_y=(delta_max+delta_min)*2-floater.delta_y;
    if(floater.delta_y<(-delta_max-delta_min))
        floater.delta_y=(-delta_max-delta_min)*2-floater.delta_y;
    //如果移动到窗口的左边界，则产生一个正的增量值，使其向右移动。
    if(floater.x<=pageX) {
        floater.x=pageX;
        floater.delta_x=delta_min+delta_max*Math.random();
        }
    //如果移动到窗口的右边界，则产生一个负的增量值，使其向左移动。
    if(floater.x>=pageX+pageW-floater.width) {
        floater.x=pageX+pageW-floater.width;
        floater.delta_x=-delta_min-delta_max*Math.random();
        }
     //如果移动到窗口的上边界，则产生一个正的增量值，使其向下移动。
    if(floater.y<=pageY) {
        floater.y=pageY;
        floater.delta_y=delta_min+delta_max*Math.random();
        }
    //如果移动到窗口的下边界，则产生一个负的增量值，使其向上移动。
    if(floater.y>=pageY+pageH-floater.height) {
        floater.y=pageY+pageH-floater.height;
        floater.delta_y=-delta_min-delta_max*Math.random();
        }
    //使用计算完成的X、Y座标值给定图像的移动位置。
    document.all.my_picture.style.pixelLeft=floater.x;
    document.all.my_picture.style.pixelTop=floater.y;
}
}
//定义一个用于产生对象实例的全局变量。
var floater;
//初始化函数（在<body onload="ini()">中调用）。
function ini() {
    //调用检查浏览器函数。
    check_navigate();
    //如果浏览器符合要求，则执行图像的移动功能。
    if(navigator_ok) {
        //----------------------------------------------------------------
        //生成一个记录移动位置的“对象实例”。
        //对象参数顺序为：对象在页面上出现的初始X座标、Y座标，对象的宽度、高度。
        //----X、Y座标定义方法如下：-------
        //左上角定义为：0，0
        //右上角定义为：800，0
        //左下角定义为：0，600
        //右下角定义为：800，600
        //---------------------------------------
        //如果被显示的图像为80X80的尺寸。
        //定义对象宽度为：80+20=100 （考虑窗口水平滚动条宽度）
        //定义对象高度为：80+20=100 （考虑窗口垂直滚动条宽度）
        //------------------------------------------------------------------
        floater=new floater_obj(800,0,100,100);
        //定时执行图像移动函数（现为：100毫秒）。
        window.setInterval("floater_move()",100);
    }
}
</SCRIPT>
</head>

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