欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

js旋转和添加有关问题?

更新时间: 2014-01-05 01:52:03 责任编辑: Author_N1

 

js旋转和添加问题????急急急
我的效果是这样的,让他显示3列,每列下面有个文本显示编号,一共12个,谁帮我改下啊,我js不是很擅长,谢谢了

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>before my eyes - Interactive DHTML art-demos</title>
<meta name="Author" content="Gerard Ferrandez at http://www.dhteumeuleu.com">
<meta http-equiv="imagetoolbar" content="no">
<style type="text/css">
html { overflow: hidden; }
body { background: #000; width:100%; height:100%; margin:0; }
#screen { position: absolute; width: 100%; height: 100%; }
#img { visibility: hidden; }
#screen img { position:absolute; left:-10000px; z-index:100; -ms-interpolation-mode:nearest-neighbor; image-rendering: optimizeSpeed; cursor: pointer; border:#333 solid 1px; }
#tit { text-align:center; position:absolute; color:#fff; font-family:verdana; font-weight:bold; font-size:48px; filter: alpha(opacity=30); opacity: 0.3; width:100%; bottom:12px; z-index:10000; }
</style>
<script type="text/javascript"> 

 
 
var diapo = function () {
var object = new Array(),
    K  = Math.PI / 180,<!--转动时间-->
    N  = 0,
    xm = 0,
    ym = 0,
    mx = 0,
    my = 0,
    ax = 0,
    ay = 0,
    Nb = 0,
    tit = 0,
    img = 0;
////////////////////
var zM = 20;
////////////////////
var CObj = function (N, x, y, z){
var I = img.getElementsByTagName("img")[N % img.getElementsByTagName("img").length];
var o = document.createElement("img");
o.onclick = function () {
if (object[N].on == true) object[N].on = false;
else object[N].on = true;
}
o.onmouseover = function () {
if (Nb != N) {
Nb = N;
tit.innerHTML= I.alt;
}
}
o.onmouseout = function () {
Nb = -1;
object[N].on = false;
}
o.onmousedown = new Function("return false");<!--鼠标点击事件-->
o.src = I.src;
scr.appendChild(o);
this.obj  = o.style;
this.z    = Math.round(z * ny * .10);
this.x    = Math.round(x * ny * .10);
this.y    = Math.round(y * ny * .10);
this.on   = false;
this.zOOm = 2;
this.N    = N;
}

CObj.prototype.anim = function () {
var xP = this.z * Math.sin(mx * K) + this.x  * Math.cos(mx * K);
var zP = this.z * Math.cos(mx * K) - this.x  * Math.sin(mx * K);
var yP = this.y * Math.cos(my * K) - zP * Math.sin(my * K);
zP = this.y * Math.sin(my * K) + zP * Math.cos(my * K);
var w = (zP * .10 + ny * .10) * this.zOOm;
var h = w * .6;
if (this.on && zP > 0) {
if (this.zOOm < zM) this.zOOm += .05;
} else {
if (this.zOOm > 1) this.zOOm -= .025;
}
this.obj.left   = Math.round(xP + nx * .5 - w * .5) + "px";
this.obj.top    = Math.round(yP + ny * .5 - h * .5) + "px";
this.obj.width  = Math.round(w) + "px";
this.obj.height = Math.round(h) + "px";
this.obj.zIndex = Math.round(1000 + w);
}

var run = function () {
dx = (1 * xm) - mx;
//dy = (1 * ym) - my;
dy = 60;//正数向上 负数向下
mx += dx / 60;
my += dy / 60;
var i = 0, o;
while (o = object[i++]) o.anim();
setTimeout(run, 16);
}

var resize = function () {
nx = scr.offsetWidth;
ny = scr.offsetHeight * .9;
}

var init = function () {
scr = document.getElementById("screen");
img = document.getElementById("img");
tit = document.getElementById("tit");
resize();
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 01:52:03
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/2251/
本文WWW.DOC100.NET DOC100.NET版权所有。