Tip: you can modify some code before running
<!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>Supports CSS-only third-level navigation menus in various browsers</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 {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. 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 (/effect/images/201010250115_ico.gif) no-repeat ;}. c_subNav li. option: hover {color: # f60; background-color: # ffa ;}. c_subNav li. option span {display: block; padding-right: 15px; background: url (/effect/images/201010250115_ico.gif) 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 {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;}/* --- icon difference ---*/. 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]-->Telephone service<ul><li class="li"><!--[if IE 6]><a class="li" href="#nogo"><table><tr><td><![endif]-->Call fee query<ul><li class="li">Real-time call fee query</li><li class="li">Bill balance query</li><li class="li">Monthly Bill query</li><li class="li">Monthly ticket query</li><li class="li">Payment history query</li><li class="li">Recommended pricing</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]-->Custom Call Information<ul><li class="li">Custom SMS bill</li><li class="li">Phone bill balance SMS reminder</li><li class="li">Customize Email bills</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]-->Online payment<ul><li class="li">Online payment</li><li class="li">Recharge card payment</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]-->Business handling<ul><li class="li"><!--[if IE 6]><a class="li" href="#nogo"><table><tr><td><![endif]-->Daily Business handling<ul><li class="li">Incoming call display</li><li class="li">Call wait</li><li class="li">Call transfer</li><li class="li">Third-party call</li><li class="li">Incoming Call Reminder</li><li class="li">Call persistence</li><li class="li">Call transfer settings</li><li class="li">Caller Name hiding</li><li class="li">Ring tones</li><li class="li">Domestic roaming</li><li class="li">SMS receipt</li><li class="li">12580 comprehensive information</li><li class="li">Caring for the first line</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]-->Data Service<ul><li class="li">Mobile Internet Access</li><li class="li">GPRS</li><li class="li">Fetion</li><li class="li">Mobile phone reports</li><li class="li">Wireless Music Club</li><li class="li">Mobile phone mailbox</li><li class="li">Number book manager</li><li class="li">WLAN service</li><li class="li">Happy text message</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]-->Mobile phone shutdown/shutdown<ul><li class="li">Mobile phone shutdown</li><li class="li">Mobile phone reset</li></ul><!--[if IE 6]></td></tr></table><![endif]--></li><li class="li">Mengnet query and Unsubscribe</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]-->Plan handling and change<ul><li class="li">GPRS package change</li><li class="li">Product change</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]-->Credit plan<ul><li class="li">Credit query</li><li class="li">Point redemption</li><li class="li">Credit details query</li><li class="li">Credit redemption fee</li><li class="li">Point redemption history query</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]-->Online Customer Service<ul><li class="li">Number attribution query</li><li class="li">Business Hall query</li><li class="li">Mobile phone simulation</li><li class="li">Online Consulting</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]-->Personal information management<ul><li class="li">Personal data modification</li><li class="li">Service password change</li><li class="li">Service Password reset</li><li class="li">Pukcode query</li><li class="li">Plan usage status query</li><li class="li">Service activation status query</li></ul><!--[if IE 6]></td></tr></table><![endif]--></li><li class="li sms">Short Message Service</li></ul></div></body></html>
Tip: you can modify some code before running
