提示:您可以先修改部分代碼再運行
Div CSS製作的仿中國移動測試人員中樞 豎向三級導覽功能表<!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>Div CSS製作的仿中國移動測試人員中樞 豎向三級導覽功能表</title><meta http-equiv="content-type" content="text/html;charset=gb2312"><!--把下面代碼加到<head>與</head>之間--><style type="text/css">*{margin:0;padding:0;list-style:none;}.c_subNav{width:150px;}.c_subNav table{width:100%;border-collapse:collapse;}.c_subNav a{text-decoration:none;color:#333;}.c_subNav a:hover{color:#f60;}.c_subNav ul ul{position:absolute;visibility:hidden;right:-150px;top:-1px;}.c_subNav li{border-bottom:1px solid #ccc;position:relative;_position:static;float:left;width:100%;}.c_subNav a.li{position:relative;}.c_subNav li .option{display:block;line-height:15px;padding:5px 5px 5px 25px;background:no-repeat 5px 4px;cursor:pointer;font:12px Verdana;zoom:1;background:url() no-repeat;}.c_subNav li .option:hover{color:#f60;background-color:#ffa;}.c_subNav li .option span{display:block;padding-right:15px;background:url() no-repeat right 0;}.c_subNav li .option:hover span{background-position:right -15px;}.c_subNav .li:hover{z-index:2;background:transparent;}.c_subNav .li:hover ul{visibility:visible;}.c_subNav .li:hover ul ul{visibility:hidden;}.c_subNav .li:hover ul{border:1px solid #ccc;border-width:1px 2px 2px 1px;width:150px;background:#fff;padding:1px;}.c_subNav .li:hover li{border-bottom:none;}.c_subNav .li:hover li .option{padding:2px 5px;background:transparent;}.c_subNav .li:hover li .option:hover{background:#0096ff;color:#fff;}.c_subNav .li:hover li .option:hover span{background-position:right -30px;}.c_subNav .li:hover .li:hover ul{visibility:visible;left:145px;top:-2px;}/*---表徵圖差異---*/.c_subNav .charges .option{background-position:4px -45px;}.c_subNav .biz .option{background-position:4px -70px;}.c_subNav .change .option{background-position:4px -95px;}.c_subNav .score .option{background-position:4px -120px;}.c_subNav .server .option{background-position:4px -145px;}.c_subNav .edit .option{background-position:4px -170px;}.c_subNav .sms .option{background-position:4px -195px;}</style></head><body><!--把下面代碼加到<body>與</body>之間--><div class="c_subNav"> <ul> <li class="li charges"> <!--[if IE 6]><a class="li" href="#nogo"><table><tr><td><![endif]--> <span>網站首頁</span> <ul> <li class="li"> <!--[if IE 6]><a class="li" href="#nogo"><table><tr><td><![endif]--> <span>站長特效</span> <ul> <li class="li">即時話費查詢</li> <li class="li">話費餘額查詢</li> <li class="li">月賬單查詢</li> <li class="li">月詳單查詢</li> <li class="li">繳費曆史查詢</li> <li class="li">資費優選推薦</li> </ul> <!--[if IE 6]></td></tr></table><![endif]--> </li> <li class="li"> <!--[if IE 6]><a class="li" href="#nogo"><table><tr><td><![endif]--> <span>網頁特效</span> <ul> <li class="li">定製簡訊賬單</li> <li class="li">話費餘額簡訊提醒</li> <li class="li">定製Email賬單</li> </ul> <!--[if IE 6]></td></tr></table><![endif]--> </li> <li class="li"> <!--[if IE 6]><a class="li" href="#nogo"><table><tr><td><![endif]--> <span>廣告代碼</span> <ul> <li class="li">網上繳費</li> <li class="li">儲值卡繳費</li> </ul> <!--[if IE 6]></td></tr></table><![endif]--> </li> </ul> <!--[if IE 6]></td></tr></table><![endif]--> </li> <li class="li biz"> <!--[if IE 6]><a class="li" href="#nogo"><table><tr><td><![endif]--> <span>業務辦理</span> <ul> <li class="li"> <!--[if IE 6]><a class="li" href="#nogo"><table><tr><td><![endif]--> <span>日常業務辦理</span> <ul> <li class="li">來電顯示</li> <li class="li">插撥</li> <li class="li">來電轉接</li> <li class="li">三方通話</li> <li class="li">來電提醒</li> <li class="li">呼叫保持</li> <li class="li">來電轉接設定</li> <li class="li">主叫隱藏</li> <li class="li">彩鈴</li> <li class="li">國內漫遊</li> <li class="li">簡訊回執</li> <li class="li">12580綜合資訊</li> <li class="li">關愛一線通</li> </ul> <!--[if IE 6]></td></tr></table><![endif]--> </li> <li class="li"> <!--[if IE 6]><a class="li" href="#nogo"><table><tr><td><![endif]--> <span>資料業務</span> <ul> <li class="li">手機主題</li> <li class="li">GPRS</li> <li class="li">飛信</li> <li class="li">手機報</li> <li class="li">無線音樂俱樂部</li> <li class="li">手機郵箱</li> <li class="li">號簿管家</li> <li class="li">WLAN業務</li> <li class="li">彩樂簡訊</li> </ul> <!--[if IE 6]></td></tr></table><![endif]--> </li> <li class="li"> <!--[if IE 6]><a class="li" href="#nogo"><table><tr><td><![endif]--> <span>手機報停/報開</span> <ul> <li class="li">手機報停</li> <li class="li">手機複機</li> </ul> <!--[if IE 6]></td></tr></table><![endif]--> </li> <li class="li"> 夢網查詢與退訂 </li> </ul> <!--[if IE 6]></td></tr></table><![endif]--> </li> <li class="li change"> <!--[if IE 6]><a class="li" href="#nogo"><table><tr><td><![endif]--> <span>套餐辦理與變更</span> <ul> <li class="li">GPRS套餐變更</li> <li class="li">產品變更</li> </ul> <!--[if IE 6]></td></tr></table><![endif]--> </li> <li class="li score"> <!--[if IE 6]><a class="li" href="#nogo"><table><tr><td><![endif]--> <span>積分計劃</span> <ul> <li class="li">積分查詢</li> <li class="li">積分兌換</li> <li class="li">積分明細查詢</li> <li class="li">積分兌換話費</li> <li class="li">積分兌換曆史查詢</li> </ul> <!--[if IE 6]></td></tr></table><![endif]--> </li> <li class="li server"> <!--[if IE 6]><a class="li" href="#nogo"><table><tr><td><![endif]--> <span>線上客服</span> <ul> <li class="li">號碼歸屬地查詢</li> <li class="li">營業廳查詢</li> <li class="li">手機模擬</li> <li class="li">線上諮詢</li> </ul> <!--[if IE 6]></td></tr></table><![endif]--> </li> <li class="li edit"> <!--[if IE 6]><a class="li" href="#nogo"><table><tr><td><![endif]--> <span>個人資訊管理</span> <ul> <li class="li">設定檔修改</li> <li class="li">服務密碼變更</li> <li class="li">服務密碼重設</li> <li class="li">PUK碼查詢</li> <li class="li">套餐使用狀態查詢</li> <li class="li">業務開通狀態查詢</li> </ul> <!--[if IE 6]></td></tr></table><![endif]--> </li> <li class="li sms"> 簡訊息服務 </li> </ul></div></body></html>
提示:您可以先修改部分代碼再運行