2011-07-08 107 views
1

我想實現類似於amazon.com中的右側滑動菜單.. 我正在嘗試使用JavaScript編輯每個mouseover/onclick事件上的腳本.. 我想隱藏/顯示每個事件的表格。側滑動菜單選項卡

function show(a){ 
    var id="myMenu"+a 
    if (i<-12){ 
     i=i+speed; 
     document.getElementById(id).style.left=i; 
    } 
} 
function hide(a){ 
    var id="myMenu"+a 
    if (i>-135){ 
     i=i-speed; 
     document.getElementById(id).style.left=i; 
    } 
} 

這應該是很好的顯示/隱藏表..但如何ID動態地添加兩個表一個在another..because主菜單表始終是可見的,但時隱時現的子菜單會在主菜單下方。

任何方法可以做同樣的事情嗎? 我是否在正確的道路?

回答

0

絕對是正確的道路,這是一個很好的概念測試。

我建議你看看jQuery(或其他JavaScript庫如Scriptaculous),具體在slideToggle()toggle()方法。

不想放棄一切,但看看亞馬遜的源代碼,你可能會得到一些有用的小技巧。 :P

+0

我相信你的意思是JavaScript(或ECMAScript),而不是Java ... Java是完全不同的獸;) – xec

+0

是的,我的意思是JavaScript .. – change

+0

是的,我的意思是javascript。謝謝! – zillaofthegods