這篇文章給大家分享的是有關js實現(xiàn)選項卡的方法的內容。小編覺得挺實用的,因此分享給大家做個參考。一起跟隨小編過來看看吧。
實現(xiàn)功能
通過點擊按鈕查看相應的介紹;
按鈕相應的變色;
內容相應的切換;
html 文件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>選項卡</title> <link rel="stylesheet" href="./css/style.css" rel="external nofollow" > </head> <body> <div id="box"> <button class="active">HTML</button> <button>CSS</button> <button>JS</button> <div id="html" >HTML稱為超文本標記語言,是一種標識性的語言。它包括一系列標簽.通過這些標簽可以將網(wǎng)絡上的文檔格式統(tǒng)一,使分散的Internet資源連接為一個邏輯整體。HTML文本是由HTML命令組成的描述性文本,HTML命令可以說明文字,圖形、動畫、聲音、表格、鏈接等。</div> <div id="css">層疊樣式表(英文全稱:Cascading Style Sheets)是一種用來表現(xiàn)HTML(標準通用標記語言的一個應用)或XML(標準通用標記語言的一個子集)等文件樣式的計算機語言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁,還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進行格式化。</div> <div id="js">JavaScript(簡稱“JS”) 是一種具有函數(shù)優(yōu)先的輕量級,解釋型或即時編譯型的高級編程語言。雖然它是作為開發(fā)Web頁面的腳本語言而出名的,但是它也被用到了很多非瀏覽器環(huán)境中,JavaScript 基于原型編程、多范式的動態(tài)腳本語言,并且支持面向對象、命令式和聲明式(如函數(shù)式編程)風格。</div> </div> <script src="./src/script.js"></script> </body> </html>
新聞標題:js實現(xiàn)選項卡的方法-創(chuàng)新互聯(lián)
網(wǎng)站網(wǎng)址:http://sd-ha.com/article40/dceheo.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供自適應網(wǎng)站、網(wǎng)站排名、網(wǎng)站營銷、軟件開發(fā)、企業(yè)網(wǎng)站制作、電子商務
聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)