現(xiàn)在很多網(wǎng)站都用到了標簽的切換功能，新浪、迅雷等網(wǎng)站都有，應該說用很很泛濫了。其實
標簽功能是Windows程序中的一種功能，在Delphi或VB等Windows程序開的環(huán)境中，很容易就能創(chuàng)建各種漂亮而又功能強大的標簽功能，但在
Web開發(fā)中，就沒有這種便利了。
只需要銷加改動，標簽的數(shù)量可以自由添加，而無需要為標簽添加ID，實際上這個功能除了用到Div、Javascript之后，很重要的是要用到CSS樣式。
?
?
圖1
首先我們要確定我們要做什么，我們要做成一個帶三個標簽的區(qū)域(圖1)，點擊標簽標簽列表的其中一個標簽，內(nèi)容區(qū)域會根據(jù)當前點擊的標簽顯示不同的內(nèi)
容。按照我們一般的做法是每一個標簽對應一個內(nèi)容區(qū)域，給每個內(nèi)容區(qū)域增加一個id屬性，然后為每一個標簽添加一個屬性，就像這樣：
????
你可能沒有意識到這種辦法會有什么問題，當一個頁面有非常多的標簽塊的話，我們將不得不面臨一個問題，那就是id的命名問題，我們將要為每一個內(nèi)容區(qū)域命
名，這樣不僅增加了代碼量，也增加了javascript編寫的難度，我們不可能為每一個標簽塊寫一堆javascript，就算我將
javascript寫成一個函數(shù)或者一個類，我們也會而臨另一個問題，就是調(diào)用的時候會有一大堆的參數(shù)，因為你需要將這個id傳送過去。并且，很容易因
為人為的疏忽造成錯誤。
下面，來看看我是如何實現(xiàn)這個功能的吧，可能不是最好的方法，如果你有更好的方法，希望你能告訴我，讓我們一起進步。
???? 首先，我們要做的是寫好基本的html代碼，代碼如下：
????寫好基本html代碼后，我們還需要做一項重要的工作，那就是css樣式，因為li如果沒有css樣式控制，標簽就會以列表的形式出現(xiàn)，基本的CSS樣式代碼如下：
下面，我們將要進行最重要的一環(huán)了，就是javascript，看到你里，你可能會問，為什么標簽li元素沒有事件呢？如何實現(xiàn)標簽的切換呢，這是因為
我考慮了另一個問題，如果我們需要為每一個標簽添加一個事件的話，確實是一件很麻煩的事情，而且當標簽塊多了的時候，就會增加代碼量，所以我考慮使用動態(tài)
添加屬性的方式為每一個標簽添加屬性。
然后，我們在html頁的最后面，調(diào)用LabelAddEvent這個函數(shù)，即可以為所有標簽添加函數(shù)了，是不是很簡潔，當我們有很多標簽塊的時候，就不必要為每個標簽塊添加事件了，下面我們來看看ChangeLabel這個函數(shù)：
?
主要代碼就是這么多了，是不是很簡潔呢？當有很多個標簽塊的候，你就會發(fā)現(xiàn)這個方法的優(yōu)勢了，事實下，我們還可以簡單修改一下javascript代
碼，實現(xiàn)多個標簽塊在一個頁面中的功能，接下來我準備結(jié)合Xml及Xslt寫一個根據(jù)xml配置的多標簽塊的教程，如果你覺得有什么更好的方法可以實現(xiàn)，
請你與我聯(lián)系，讓我們共同進步。
??
??版權(quán)所有?Conis，復制或者轉(zhuǎn)載請保留此信息，任何人未經(jīng)許可，不得擅自將本文發(fā)布作為商業(yè)用途。
??更多內(nèi)容更多精彩請您訪問
http://www.conis.cn