※ ChatGPTを利用し、要約された質問です(原文:IE8で動作が遅くなるjavascriptメニュー)
IE8で動作が遅くなるjavascriptメニュー
このQ&Aのポイント
サイト製作初心者peace193がIE8で動作が遅くなるjavascriptメニューについて質問しています。
IE7では快適に動く一方、IE8では動作が遅くなってしまいます。
質問の内容を解決するために、peace193が参考サイトやテストページを提供しています。
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}
}();
補足
taloo様、お忙しい中、ご回答ありがとうございます。 FLASHを外した場合でもIE8では動作が遅いままです。 >JavaScriptを使わずに、HTMLを直接記述した場合はどうでしょうか。 こちらはswfobject~ファイルをHTMLに記述すると言う意味でしょうか?!