代码结构问题

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title> - Interactive DHTML demos</title>
<meta name="Author" content="vicky">
<meta http-equiv="imagetoolbar" content="no"><style type="text/css">
html {
overflow: hidden;
}
body {
margin: 0px;
padding: 0px;
background: #000;
position: absolute;
width: 100%;
height: 100%;
cursor: crosshair;
}
.thumbOut  {
border: #000 solid;
}
.thumbOver {
border: #FFF solid;
cursor: pointer;
}
#screen {
position: absolute;
left: 0%;
top: 0%;
width: 100%;
height: 100%;
background: #000;
overflow: hidden;
}
#banner {
position: absolute;
height: 20%;
}
#banner span {
position: absolute;
}
#source {
visibility: hidden;
width: 0px;
height: 0px;
overflow: hidden;
}
#banner img {
visibility: idden;
position: absolute;
background: #444;
top: -1000px;
width: 0px;
}
</style><script type="text/javascript">
// =========================================================================
//                 ===== slide show dhtml =====
// script: Gerard Ferrandez - June 2005
// http://www.dhteumeuleu.com
// 3D Terragen pics: Silus - http://silusatrium.no.sapo.pt/galleries01.html
// =========================================================================var xm = -100;
var ym = 0;
var nx = 0;
var ny = 0;
var nw = 0;
var nh = 0;id = function(o)
{
return document.getElementById(o);
}px = function (x)
{
return ''.concat(Math.round(x), 'px');
}function resize()
{
var o = id("screen");
nx = o.offsetLeft;
ny = o.offsetTop;
nw = o.offsetWidth;
nh = o.offsetHeight;
ssi.resize();
}
onresize = resize;document.onmousemove = function(e)
{
if (window.event) e = window.event;
xm = (e.x || e.clientX) - nw * .5 - nx;
ym = (e.y || e.clientY) - nh * .5 - ny;
}var ssi = {
dx : 0,
x0  : 0,
y0  : 0,
iz  : false,
iL  : 0,
N   : 0,
b0  : 0,
ov  : -1,
NW  : 0,
ims : 0,
nxi : 0,
nyi : 0,
nxo : 0,
nyo : 0,
nho : 0,
imgWidth  : 0,
imgHeight : 0,
borWidth  : 0,
loaded    : false, slide : function ()
{
if(ssi.loaded)
{
ssi.dx -= xm * .014;
if(ssi.dx > 0) ssi.dx -= ssi.NW; else if(ssi.dx < -ssi.NW) ssi.dx += ssi.NW;
}
ssi.b0.style.left = px(ssi.dx);
setTimeout(ssi.slide, 16);
}, iBorder : function (o, i)
{
var o = o.getElementsByTagName("img");
o[ssi.iL].className = "thumbOut";
o[i].className  = "thumbOver";
}, disp : function (i)
{
ssi.iBorder(ssi.b0, i);
ssi.iL = i;
ssi.nxi = ssi.ims[i].width;
ssi.nyi = ssi.ims[i].height;
}, init : function (obj)
{
obj.innerHTML = id("source").innerHTML;
var img = obj.getElementsByTagName("img");
for(var i = 0; i < ssi.N; i++)
{
var o = img[i];
o.className = "thumbOut";
o.onmousedown = function () { return false; }
o.i = i;
o.onmouseover = function()
{
ssi.ov = this.i;
ssi.disp(ssi.ov);
}
o.alt   = "";
o.title = "";
}
}, oResize : function (obj)
{
var img = obj.getElementsByTagName("img");
ssi.NW = 0;
for(var i = 0; i < ssi.N; i++)
{
var o = img[i];
if(o.complete)
{
o = o.style;
var w = (ssi.ims[i].width / ssi.ims[i].height) * ssi.imgHeight;
o.left = px(ssi.NW);
ssi.NW += w +( 2 * ssi.borWidth);
o.top    = px(0);
o.width  = px(w);
o.height = px(ssi.imgHeight);
o.borderWidth   = px(ssi.borWidth);
}
}
}, resize : function ()
{
ssi.borWidth = Math.round(1.4 * nh / 100);
ssi.imgHeight = id("banner").offsetHeight - (2 * ssi.borWidth);
ssi.oResize(ssi.b0);
ssi.NW = Math.round(ssi.NW);
if(!ssi.loaded) ssi.NW = nw;
}, run : function ()
{
var o = id("banner").getElementsByTagName("span");
ssi.b0 = o[0];
ssi.init(ssi.b0);
resize();
ssi.slide();
ssi.images_load();
},
load : function ()
{
ssi.ims = id("source").getElementsByTagName("img");
ssi.N   = ssi.ims.length;
ssi.run();
},
images_load : function ()
{
var M = 0;
for (var i = 0; i < ssi.N; i++)
{
if (ssi.ims[i].complete)
{
M++;
resize();
if (i == 0 && ssi.ov == -1) ssi.b0.getElementsByTagName("img")[0].onmouseover();
}
}
if (M < ssi.N)
setTimeout(ssi.images_load, 64);
else
{
ssi.loaded = true;
resize();
}
}
}</script>
</head><body>
<!-- ======================================layout================================================================== -->
<div id="screen">
<div id="banner">
<span>o</span>
</div>
</div><!-- =====================================img source=============================================================== -->
<div id="source">
<img title="red sea" alt="Oxymoron: an organized adventure travel." src="http://t3.baidu.com/it/u=2375386924,50868997&fm=3&gp=41.jpg">
<img title="secrets of the past" alt="We are family now." src="http://t3.baidu.com/it/u=2375386924,50868997&fm=3&gp=41.jpg">
<img title="jagged peaks" alt="We shall never forget that summer." src="http://t3.baidu.com/it/u=2375386924,50868997&fm=3&gp=41.jpg">
<img title="twin gate keepers" alt="Adrenaline galore ..." src="http://t3.baidu.com/it/u=2375386924,50868997&fm=3&gp=41.jpg">
<img title="King Tut's Backyard" alt="There was actual danger." src="http://t3.baidu.com/it/u=2375386924,50868997&fm=3&gp=41.jpg">
<img title="dead volcano" alt="Reality took over." src="http://t3.baidu.com/it/u=2375386924,50868997&fm=3&gp=41.jpg">
<img title="children of the sea" alt="You know, we were too young, all that." src="http://t3.baidu.com/it/u=2375386924,50868997&fm=3&gp=41.jpg">
<img title="glim passage" alt="But we were not conscious of it." src="http://t3.baidu.com/it/u=2375386924,50868997&fm=3&gp=41.jpg">
<img title="sea canyon" alt="An initiatic trip, though." src="http://t3.baidu.com/it/u=2375386924,50868997&fm=3&gp=41.jpg">

</div>
<script type="text/javascript">
// ======= start script ======
ssi.load();
</script></body>
</html>
在IE上运行很顺畅，在FF和safari等其他非IE核心的浏览器上运行就很拖沓，不是其它浏览器不支持函数的原因，可能是结构问题。麻烦大家拷贝我的代码运行改改看，我改了两天了，还是没改好。代码很简单的。

解决方案 »

  1.   

    在IE6,Opera9，FF3，遨游3中运行相当的流畅，没发现运行很拖沓的问题
      

  2.   

    与1L一样，在safari和chrome也好的
      

  3.   


    那是我机器硬件配置的问题？
    我在我机器上面运行的时候，IE上占CPU 40%左右，FF,SAFARI 却稳居100%，运行很拖沓什么原因呢
    我的机器，CPU2G,内存512，配置不算太低了
      

  4.   

    LZ 我的CPU是运行在800MHz的（降速的）呵呵
      

  5.   

    我看到了...浏览器是新开且直接打开页面会出现...警告： 分析属性 'visibility' 值时出错。  声明被丢弃。
    源文件：file:///C:/Documents%20and%20Settings/liangwei/%E6%A1%8C%E9%9D%A2/test.html
    行：51
      

  6.   

    visibility: idden; 也就是这里...打漏了个字...visibility: hidden; 
      

  7.   

    up up up 
    希望高手认真改改看，我已经弄了两三天了，还是没发觉是什么问题
      

  8.   


    可能是主机配置的问题，你的可能比我的高端点。
    你在你机器运行时CPU占多少百分比？你主机CPU是多少？
      

  9.   


    这是IE上运行的情况吧，你试下在FF,SAFARI上看看
      

  10.   


    我CPU 2G,内存512，效果没理由差这么远吧..郁闷