电影图片运动？谷歌运动logo？

本文案例请点击这里！http://www.lovewebgames.com/film/

window.onload=function(){

    var filmImg = document.getElementById("filmImg");

    var width = filmImg.width;

    var height = filmImg.height;

    var style=filmImg.style;

    var x =0 ;

    var y =0 ;

    var nx=6;

    var ny=4;

    var speed=50;

    var ix=width/nx;

    var iy=height/ny;

    var t =setInterval(run,speed);

    var add=function (n){

        return n-=25

    }

    function run(){

        x+=ix;

        if(x>=width){

            x=0;

            y+=iy

            if(y>=height){

                x=0;y=0;

            }

        }

        style.left =- x+"px";

        style.top =- y+"px";

    }

    

}

恩，就是这样了。随手写了几行代码，其实没你想象中的那么复杂。

css:

<style>

.film{width:700px;height:700px;border:10px solid #ccc;margin:0 auto;overflow:hidden;}

.film img{position:relative;}

</style>

 html:

<div class="film">

<img alt="" src="http://images.cnblogs.com/cnblogs_com/tianxiangbing/eagle.jpg" border="0" height="3030" width="5000" />

</div>

本文案例请点击这里！http://www.lovewebgames.com/film/