用javascript實現(xiàn)的不錯的一款網(wǎng)頁選項卡

更新時間：2007年11月18日 13:27:54 作者：

這款選項卡效果，是我見過的一個不錯的選項卡效果，不是最好，也是很好的

<html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Javascript 標簽頁（TAB）瀏覽控件推介之：DOMTab - javascript, DOMTab, TAB, 標簽頁, </title> <style type="text/css">  </style>  <body> <div   class="wppm3vysvbp"   id="warp">     <div   id="wppm3vysvbp"   class="domtab doprevnext">         <ul class="domtabs">             <li><a href="#tab1">PHP/MySQL</a></li>             <li><a href="#tab2">(X)HTML/CSS</a></li>             <li><a href="#tab3">Javascript</a></li>             <li><a href="#tab4">Ajax</a></li>         </ul>         <h2 class="title">Homr.cn - DIV+CSS小段精華代碼</h2>                  <div>             <h2><a name="tab1" id="tab1">PHP</a></h2>             <p>PHP（"PHP: Hypertext Preprocessor"，超文本預處理器的字母縮寫）是一種被廣泛應用的開放源代碼的多用途腳本語言，它可嵌入到 HTML中，尤其適合 web 開發(fā)。 </p>             <h2><a name="mysql">MySQL</a></h2>             <p>MySQL是最流行的開放源碼SQL數(shù)據(jù)庫管理系統(tǒng)，它是由MySQL AB公司開發(fā)、發(fā)布并支持的。MySQL AB是由多名MySQL開發(fā)人創(chuàng)辦的一家商業(yè)公司。它是一家第二代開放源碼公司，結(jié)合了開放源碼價值取向、方法和成功的商業(yè)模型。</p>             <p><a href="#top">back to menu</a></p>         </div>                  <div>             <h2><a name="tab2" id="tab2">(X)HTML</a></h2>             <p>HTML語言是我們建立網(wǎng)頁的工具，從它出現(xiàn)發(fā)展到現(xiàn)在，規(guī)范不斷完善，功能越來越強。但是依然有缺陷和不足，人們?nèi)栽诓粩嗟母倪M它，使它更加便于控制和有彈性，以適應網(wǎng)絡上日新月異的應用需求。2000年底，國際W3C(World Wide Web Consortium)組織公布發(fā)行了XHTML 1.0版本。</p>             <p>XHTML 1.0是一種在HTML 4.0基礎上優(yōu)化和改進的的新語言，目的是基于XML應用。XHTML是一種增強了的HTML,它的可擴展性和靈活性將適應未來網(wǎng)絡應用更多的需求。</p>             <h2><a name="css">CSS</a></h2>             <p>CSS 是 Cascading Style Sheet 的縮寫。譯作「層疊樣式表單」。是用于(增強)控制網(wǎng)頁樣式并允許將樣式信息與網(wǎng)頁內(nèi)容分離的一種標記性語言。</p>             <p><a href="#top">back to menu</a></p>         </div>                  <div>             <h2><a name="tab3" id="tab3">Javascript</a></h2>             <p>JavaScript 是一種新的描述語言，此一語言可以被嵌入 HTML 的文件之中。透過 JavaScript 可以做到回應使用者的需求事件 (如： form 的輸入) 而不用任何的網(wǎng)路來回傳輸資料，所以當一位使用者輸入一項資料時，它不用經(jīng)過傳給伺服端 (server)處理，再傳回來的過程，而直接可以被客戶端 (client) 的應用程式所處理。</p>             <p><a href="#top">back to menu</a></p>         </div>                  <div>             <h2><a name="tab4" id="tab4">Ajax</a></h2>             <p>AJAX (Asynchronous JavaScript and XML, 異步 JavaScript 及 XML 技術) 是個新詞，但內(nèi)涵是兩個存在已有一段時間的 JavaScript 功能。這兩種功能以往一直被忽略，在 Gmail、Google suggest 及  Google Maps 出現(xiàn)后才一舉成名天下知。</p>             <p>這兩個 JavaScript 功能 是：                 <ul>                     <li>在不重新讀取頁面的情況下對伺服器送出要求（request）</li>                     <li>解析、使用 XML 文件</li>                 </ul>             </p>             <p><a href="#top">back to menu</a></p>         </div>     </div> </div> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章: