java图片跟随鼠标旋转_JS实现跟随鼠标立体翻转图片的方法

/p>

"http://www.w3.org/TR/html4/strict.dtd">

Wanna tell her - interactive DHTML

html {

overflow: hidden;

}

body {

position: absolute;

margin: 0px;

padding: 0px;

background: #fff;

width: 100%;

height: 100%;

}

#screen {

position: absolute;

left: 10%;

top: 10%;

width: 80%;

height: 80%;

background: #fff;

}

#screen img {

position: absolute;

cursor: pointer;

width: 0px;

height: 0px;

-ms-interpolation-mode:nearest-neighbor;

}

#bankImages {

visibility: hidden;

}

#FPS {

position: absolute;

right: 5px;

bottom: 5px;

font-size: 10px;

color: #666;

font-family: verdana;

}

/* ==== Easing function ==== */

var Library = {};

Library.ease = function () {

this.target = 0;

this.position = 0;

this.move = function (target, speed) {

this.position += (target - this.position) * speed;

}

}

var tv = {

/* ==== variables ==== */

O : [],

fps : 0,

screen : {},

angle : {

x : new Library.ease(),

y : new Library.ease()

},

camera : {

x : new Library.ease(),

y : new Library.ease()

},

cre