IE8で動作が遅くなるjavascriptメニュー

質問

いつもお世話になります。サイト製作初心者peace193と申します。

サンプルサイトを参考にjavascript+cssのグローバルメニュー、ローカルメニューを作ってみたのですが、IE7では快適に動く一方、IE8では動作が遅くなってしまいます。原因がわからずこちらに質問した次第です。

テストサーバに該当ページをUP致しました。お忙しい中恐縮ですが、ご教示のほど、なにとぞよろしくお願い申し上げます。

http://doa.nts21.jp/test001.html

http://doa.nts21.jp/test002.html

参考サイトURL

グローバルメニュー
http://www.leigeber.com/2008/11/drop-down-menu/
ローカルメニュー
http://roshanbh.com.np/2008/06/accordion-menu-using-jquery.html

グローバルメニューjavascript

var menu=function(){
var t=15,z=50,s=6,a;
function dd(n){this.n=n; this.h=[]; this.c=[]}
dd.prototype.init=function(p,c){
a=c; var w=document.getElementById(p), s=w.getElementsByTagName('ul'), l=s.length, i=0;
for(i;i<l;i++){
var h=s[i].parentNode; this.h[i]=h; this.c[i]=s[i];
h.onmouseover=new Function(this.n+'.st('+i+',true)');
h.onmouseout=new Function(this.n+'.st('+i+')');
}
}
dd.prototype.st=function(x,f){
var c=this.c[x], h=this.h[x], p=h.getElementsByTagName('a')[0];
clearInterval(c.t); c.style.overflow='hidden';
if(f){
p.className+=' '+a+x;
if(!c.mh){c.style.display='block'; c.style.height=''; c.mh=c.offsetHeight; c.style.height=0}
if(c.mh==c.offsetHeight){c.style.overflow='visible'}
else{c.style.zIndex=z; z++; c.t=setInterval(function(){sl(c,1)},t)}
}else{p.className=p.className.replace(a+x,''); c.t=setInterval(function(){sl(c,-1)},t)}
}
function sl(c,f){
var h=c.offsetHeight;
if((h<=0&&f!=1)||(h>=c.mh&&f==1)){
if(f==1){c.style.filter=''; c.style.opacity=1; c.style.overflow='visible'}
clearInterval(c.t); return
}
var d=(f==1)?Math.ceil((c.mh-h)/s):Math.ceil(h/s), o=h/c.mh;
c.style.opacity=o; c.style.filter='alpha(opacity='+(o*100)+')';
c.style.height=h+(d*f)+'px'
}
return{dd:dd}
}();

回答No.1

神崎 渉瑠（@taloo） · ベストアンサー

Flashに重ねない場合はどうなりますか？
IE7以前とIE8の<object>の扱い方が違いますので、それが影響しているかもしれません。
（IE7以前では第三者のActiveXObjectの呼び出し方法を使用しているため、
「このActiveXを有効にするにはここをクリックして下さい」（だったと思います）というメッセージが表示されます。
その対策（メッセージを表示しないようにする）がいわゆるSWFObject.jsです。）

JavaScriptを使わずに、HTMLを直接記述した場合はどうでしょうか。

補足

taloo様、お忙しい中、ご回答ありがとうございます。

FLASHを外した場合でもIE8では動作が遅いままです。

>JavaScriptを使わずに、HTMLを直接記述した場合はどうでしょうか。

こちらはswfobject～ファイルをHTMLに記述すると言う意味でしょうか？！