效果页面:
源码:
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
- <html>
- <head>
- <title>Wanna tell her - interactive DHTML </title>
- <meta http-equiv="imagetoolbar" content="no">
- <style type="text/css">
- 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;
- }
- </style>
- <script type="text/javascript">
- /* ==== 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&