快捷導(dǎo)航

用javascript實(shí)現(xiàn)的不錯(cuò)的一款網(wǎng)頁(yè)選項(xiàng)卡

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

這款選項(xiàng)卡效果，是我見(jiàn)過(guò)的一個(gè)不錯(cuò)的選項(xiàng)卡效果，不是最好，也是很好的

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

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

您可能感興趣的文章: