こちらのサイトで配布されているドロップダウンメニューのカスタマイズについてお聞きしたいのですが、
http://www.leigeber.com/2008/11/drop-down-menu/
デモページ
http://sandbox.leigeber.com/dropdown-menu/index. …
メニューが表示されるアニメーションの速度を調節することは可能なんでしょうか?
できればもう少し速くしたいと思っています。
Javascriptについて全く知識がないので、ネットで色々検索して探したのですがカスタマイズ方法について見当たらず、ここに質問させていただきました。
どうぞよろしくお願いいたします。
以下がjsのソースになります。
--------------------
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;
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,''); 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}
}();
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
idを使わずにonclickで自身の要...
-
関数でy=g(x)のgとは何の略です...
-
処理前の「お待ちください」
-
jslintのエラーについて質問
-
functionから別のfunctionを実...
-
jQueryが読み込めない
-
CDの曲をケータイのSDに移す
-
<HEAD>内と<HEAD>後のfunction...
-
getElementByIdを使用したグロ...
-
ページ内に複数表がある場合のT...
-
jQuery Easy Display Switch wi...
-
Boolean型配列中のTrueの有無を...
-
C#OpenCv V4にのエラーに関する...
-
配列の大括弧と丸括弧はどう違う?
-
「オブジェクトが必要です。」...
-
window.openでタイトル名の指定
-
Excel VBA の ChangeFileAccess
-
javascript初心者です。
-
<a>タグのテキストを取得
-
Vb.netのグローバル変数の宣言...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
関数でy=g(x)のgとは何の略です...
-
idを使わずにonclickで自身の要...
-
functionから別のfunctionを実...
-
jQueryの :not() .not() が有効...
-
jslintのエラーについて質問
-
クリックすると上に開くアコー...
-
関数名をテキストから読み込む...
-
getElementByIdを使用したグロ...
-
XMLHttpRequestでキャッシュを...
-
jQueryの"return false"の役割...
-
JAVAスクリプトで指定時間以降...
-
JavaScriptの日付の比較
-
jQueryでzipを解凍読み込みする...
-
コードをスマートにさせたい。
-
XMLHttpRequestオブジェクトが...
-
ページ内に複数表がある場合のT...
-
要素名がスペースを含む場合のj...
-
(function(){})()の意味
-
javascriptのreplaceについて
-
jqueryuiのdialog
おすすめ情報