<!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 ">
<голова>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Div+CSS+JS для быстрого запуска</title>
<meta name="description" content=" http://alexa.knowsky.com ">
<style type="text/css">
<!--
*{маржа:0;отступ:0;граница:0;}
тело {
семейство шрифтов: Arial, 宋体, с засечками;
размер шрифта: 12 пикселей;
}
#nav {
ширина: 180 пикселей;
высота строки: 24 пикселей;
тип стиля списка: нет;
выравнивание текста: по левому краю;
}
#навигация {
ширина: 160 пикселей;
дисплей: блок;
отступ слева: 20 пикселей;
}
#nav li {
фон:#CCC;
border-bottom:#FFF 1px сплошной;
плавать: влево;
}
#nav li a:hover{
фон:#CC0000;
}
#nav a:link {
цвет: #666; текстовое оформление: нет;
}
#nav a:visited {
цвет: #666;текстовое оформление: нет;
}
#nav a:hover {
цвет: #FFF; оформление текста: нет; вес шрифта: жирный;
}
#nav li ul {
стиль списка: нет;
выравнивание текста: по левому краю;
}
#nav li ul li{
фон: #EBEBEB;
}
#nav li ul a{
отступ слева: 20 пикселей;
ширина: 160 пикселей;
}
#nav li ul a:link {
цвет: #666; текстовое оформление: нет;
}
#nav li ul a:visited {
цвет: #666;текстовое оформление: нет;
}
#nav li ul a:hover {
цвет:#F3F3F3;
текстовое оформление: нет;
вес шрифта: нормальный;
фон:#CC0000;
}
#nav li:hover ul {
слева: авто;
}
#nav li.sfhover ul {
слева: авто;
}
#содержание {
ясно: слева;
}
#nav ul.collapsed {
дисплей: нет;
}
-->
#РОДИТЕЛЬ{
ширина: 300 пикселей;
отступ слева: 20 пикселей;
}
</стиль>
</head>
<тело>
<div id="РОДИТЕЛЬСКИЙ">
<ul id="nav">
<li><a href="#Menu=ChildMenu1" onclick="DoMenu('ChildMenu1')">我的网站</a>
<ul id="ChildMenu1" class="collapsed">
<li> <a href=" http://www.www.devdao.com " target="_blank"> [url]www.www.devdao.com[/url]</a></li>
<li> <a href=" http://www.www.devdao.com " target="_blank"> [url]www.www.devdao.com[/url]</a></li>
<li> <a href=" http://www.www.devdao.com " target="_blank"> [url]www.www.devdao.com[/url]</a></li>
</ul>
</li>
<li><a href="#Menu=ChildMenu2" onclick="DoMenu('ChildMenu2')">我的帐务</a>
<ul id="ChildMenu2" class="collapsed">
<a href=" http://www.www.devdao.com " target="_blank">支付</a></li>
<li><a href="#">Подробнее</a></li>
<li><a href="#">Подробнее</a></li>
<li><a href="#">Диагностика</a></li>
<li><a href="#">Обозначение</a></li>
</ul>
</li>
<li><a href="#Menu=ChildMenu3" onclick="DoMenu('ChildMenu3')">网站管理</a>
<ul id="ChildMenu3" class="collapsed">
<li><a href="#">Подробнее</a></li>
<a href=" http://www.www.devdao.com " target="_blank">管理</a></li>
<li><a href="#">Отправить</a></li>
<li><a href="#">Отправить</a></li>
</ul>
</li>
<li><a href="#Menu=ChildMenu4" onclick="DoMenu('ChildMenu4')">网站管理</a>
<ul id="ChildMenu4" class="collapsed">
<li><a href="#">Подробнее</a></li>
<a href=" http://www.www.devdao.com " target="_blank">管理</a></li>
<li><a href="#">Отправить</a></li>
<li><a href="#">Отправить</a></li>
</ul>
</li>
</ul>
</div>
<div style="width:300;padding-left:30px;">
</br></br>
工作需要搞了一个菜单, 分享给大家, 大家一齐学习
</br></br>
请大家支持: <a href=" http://www.www.devdao.com " target="_blank"> [url]http://www.www.devdao.com[/url]</a>
</div>
</тело>
</html>
<script type=text/javascript><!--
вар LastLeftID = "";
функция менюFix() {
var obj = document.getElementById("nav").getElementsByTagName("li");
for (var i=0; i<obj.length; i++) {
obj[i].onmouseover=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
obj[i].onMouseDown=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
obj[i].onMouseUp=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
obj[i].onmouseout=function() {
this.className=this.className.replace(new RegExp("( ?|^)sfhover\b"), "");
}
}
}
функция DoMenu(emid)
{
вар obj = document.getElementById(emid);
obj.className = (obj.className.toLowerCase() == "expanded"?"collapsed":"expanded");
if((LastLeftID!="")&&(emid!=LastLeftID)) //Дополнительное меню
{
document.getElementById(LastLeftID).className = "свернуто";
}
LastLeftID = emid;
}
функция GetMenuID()
{
вар MenuID="";
var _paramStr = новая строка (window.location.href);
var _sharpPos = _paramStr.indexOf("#");
if (_sharpPos >= 0 && _sharpPos < _paramStr.length - 1)
{
_paramStr = _paramStr.substring(_sharpPos + 1, _paramStr.length);
}
еще
{
_paramStr = "";
}
если (_paramStr.length > 0)
{
вар _paramArr = _paramStr.split("&");
если (_paramArr.length>0)
{
var _paramKeyVal = _paramArr[0].split("=");
если (_paramKeyVal.length>0)
{
MenuID = _paramKeyVal[1];
}
}
}
если(MenuID!="")
{
ДоМеню (IDМеню)
}
}
GetMenuID(); //*Описание функции, функция GetMenuID(), поддержка Firefox, GetMenuID(), функция
менюИсправить();
--></скрипт>