DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> XML學習教程 >> XML基礎 >> 用XML實現彈出式菜單
用XML實現彈出式菜單
編輯:XML基礎     

 

XML已經成為了新一代網絡計算的世界語,這一點已經在各大軟件公司的產品中逐步體現出來。XML本身並不是一種計算語言,而更多表現為一種數據描述的格式。相對於HTML,它更多具有數據定義的特性,而相對於數據庫,它又更加靈活和適於在網絡上傳輸。圍繞XML的相關技術也層出不窮,如XSL, XSLT等,它們的配合讓我們能夠真正在XML上開始完成一些有趣的任務。

本文就是以一個XML初學者的角度在網頁上實現一個動態彈出式菜單。對於同樣希望了解XML與表現無關的特性的讀者應當有所幫助。

>應用情景

我們經常在一些網站看到形形色色的菜單形式,大部分的菜單都借用了DHTML的一些特性實現,但是想好好地利用這些已有的菜單實現一些自己的菜單並不容易。首先是必須從它們的整個頁面中把一些代碼“分析”,其次要分析其中的顯示方式與顯示內容的關系,如果自己的菜單結構和顯示方式不同於其它網站的設計,就得花更多的功夫去研究新的顯示方法。

而我們希望實現一個可以動態調整的菜單結構,這種菜單應當可以適用於我們所要完成的整個一個網站。一旦我們的網頁頁面設計發生了變化,我們可以靈活地把菜單顯示方式改變,適應新的網頁整體風格。

我們所希望實現的菜單首先可以表現為以下樣子:


圖1:我們想實現的彈出式菜單的一種外觀

實現方法

在大量接觸HTML後,今天的網頁程序設計中我們更多地願意直接把一個頁面的樣子用所見即所得的編輯工具(如Frontpage, Dreamweaver等)“畫”出來,而不再習慣於利用數據結構的方式設計能夠通用的模塊。為了能夠

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved