2009-11-24 61 views
0

var tabLinks = new Array(); var contentDivs = new Array();刪除默認選項卡選項,並添加滾動到效果

功能的init(){

// Grab the tab links and content divs from the page 
    var tabListItems = document.getElementById('tabs').childNodes; 
    for (var i = 0; i < tabListItems.length; i++) { 
    if (tabListItems[i].nodeName == "LI") { 
     var tabLink = getFirstChildWithTagName(tabListItems[i], 'A'); 
     var id = getHash(tabLink.getAttribute('href')); 
     tabLinks[id] = tabLink; 
     contentDivs[id] = document.getElementById(id); 
    } 
    } 

    // Assign onclick events to the tab links, and 
    // highlight the first tab 
    var i = 0; 

    for (var id in tabLinks) { 
    tabLinks[id].onclick = showTab; 
    tabLinks[id].onfocus = function() { this.blur() }; 
    if (i == 0) tabLinks[id].className = 'selected'; 
    i++; 
    } 

    // Hide all content divs except the first 
    var i = 0; 

    for (var id in contentDivs) { 
    if (i != 0) contentDivs[id].className = 'tabContent hide'; 
    i++; 
    } 
} 

功能showTab(){ VAR selectedId = getHash(this.getAttribute( 'HREF'));

// Highlight the selected tab, and dim all others. 
    // Also show the selected content div, and hide all others. 
    for (var id in contentDivs) { 
     if (id == selectedId) { 
     tabLinks[id].className = 'selected'; 
     contentDivs[id].className = 'tabContent '; 
     } else { 
     tabLinks[id].className = ''; 
     contentDivs[id].className = 'tabContent hide'; 
     } 
    } 

    // Stop the browser following the link 
    return false; 
    } 

在上述的JavaScript,在找scrollTo方法添加到tabListItems並且還刪除默認標籤選擇(即,沒有標籤是默認選擇)。

歡呼聲 venkat

回答

0

//分配的onclick事件到標籤鏈接和 //突出顯示第一個選項卡 變種I = 0;

for(var id in tabLinks){ tabLinks [id] .onclick = showTab; tabLinks [id] .onfocus = function(){this.blur()}; if(i == 0)tabLinks [id] .className =''; contentDivs [id] .className ='tabContent hide'; i ++; } 加粗部分被調整.. !!

即使隱藏的內容,也取消選擇默認選項卡!

有人應該幫助我將scrollTo()方法添加到tabListItems部分!

相關問題