當(dāng)前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

tabs标签切换

發(fā)布時(shí)間：2023/12/10 编程问答 27 豆豆

生活随笔收集整理的這篇文章主要介紹了 tabs标签切换小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
??? <title>用戶信息</title>
??? <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
??? <link rel="stylesheet" type="text/css" href="css/ask.css" />
</head>
<body>
??? <div class="userinfo">
??????? <div class="title" id="title">
??????????? <a href="#" class="default" οnclick="selectObj(this)" id="grzl">個(gè)人資料</a> <a href="#"
??????????????? class="current" id="xgmm" οnclick="selectObj(this)">修改密碼</a> <a href="#" class="default"
??????????????????? id="xgtx" οnclick="selectObj(this)">修改頭像</a>
??????? </div>
??????? <div class="content">
??????????? <table cellpadding="0" cellspacing="3" border="0">
??????????????? <tr>
??????????????????? <td align="right">
??????????????????????? <b>用戶名：</b>
??????????????????? </td>
??????????????????? <td>
??????????????????????? Admin
??????????????????? </td>
??????????????? </tr>
??????????????? <tr>
??????????????????? <td align="right">
??????????????????????? <b>當(dāng)前密碼：</b>
??????????????????? </td>
??????????????????? <td>
??????????????????????? <input type="text" />
??????????????????? </td>
??????????????? </tr>
??????????????? <tr>
??????????????????? <td align="right">
??????????????????????? <b>新密碼：</b>
??????????????????? </td>
??????????????????? <td>
??????????????????????? <input type="text" />
??????????????????? </td>
??????????????? </tr>
??????????????? <tr>
??????????????????? <td align="right">
??????????????????????? <b>確認(rèn)密碼：</b>
??????????????????? </td>
??????????????????? <td>
??????????????????????? <input type="text" />
??????????????????? </td>
??????????????? </tr>
??????????????? <tr>
??????????????????? <td>
??????????????????? </td>
??????????????????? <td>
??????????????????????? <input type="submit" value="    " class="btnok" />
??????????????????? </td>
??????????????? </tr>
??????????? </table>
??????? </div>
??? </div>
??? <script type="text/javascript">
??????? function selectObj(obj) {
??????????? var objArray = document.getElementById("title").getElementsByTagName("a"); //得到title 下所有 a 對(duì)象為數(shù)組
??????????? var count = objArray.length;? //得到數(shù)組selects長度
??????????? for (var i = 0; i < count; i++) {? //將所有選項(xiàng)都置為不選中
??????????????? objArray[i].className = "default";
??????????? }
??????????? obj.className = "current";? //選中當(dāng)前項(xiàng)
??????? }
??? </script>
</body>
</html>

轉(zhuǎn)載于:https://www.cnblogs.com/xinlei/archive/2011/09/02/2164384.html

總結(jié)

以上是生活随笔為你收集整理的tabs标签切换的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

标签
Tabs