<!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 ">
<نمط النوع = "نص/CSS">
<!--
*{الهامش:0;الحشو:0;الحدود:0;}
جسم {
عائلة الخط: arial، 宋体، serif؛
حجم الخط: 12 بكسل؛
}
#التنقل {
العرض: 180 بكسل؛
ارتفاع الخط: 24 بكسل؛
نوع نمط القائمة: لا شيء؛
محاذاة النص:يسار؛
}
#التنقل أ {
العرض: 160 بكسل؛
عرض: كتلة؛
الحشو الأيسر: 20 بكسل؛
}
# التنقل لي {
الخلفية:#CCC؛
الحد السفلي:#FFF 1px صلب؛
تعويم: يسار؛
}
#nav li a:hover{
الخلفية:#CC0000;
}
# التنقل أ: الرابط {
اللون: #666؛ زخرفة النص: لا شيء؛
}
# التنقل أ: تمت الزيارة {
اللون:#666;زخرفة النص:لا شيء;
}
# التنقل أ: تحوم {
اللون: #FFF؛ زخرفة النص: لا شيء؛ وزن الخط: غامق؛
}
# ناف لي أول {
نمط القائمة: لا شيء؛
محاذاة النص:يسار؛
}
#ناف لي أول لي{
الخلفية: #EBEBEB؛
}
# التنقل لي ul أ {
الحشو الأيسر: 20 بكسل؛
العرض: 160 بكسل؛
}
#nav liul a:الرابط {
اللون: #666؛ زخرفة النص: لا شيء؛
}
#nav liul a:تمت الزيارة {
اللون:#666;زخرفة النص:لا شيء;
}
#nav li ul a:hover {
اللون: #F3F3F3؛
زخرفة النص: لا شيء؛
وزن الخط: عادي؛
الخلفية:#CC0000;
}
# التنقل لي: تحوم ul {
اليسار: تلقائي؛
}
# التنقل li.sfhover ul {
اليسار: تلقائي؛
}
#محتوى {
واضح: يسار؛
}
#التنقل ul.collapsed {
العرض: لا شيء؛
}
-->
#الوالد{
العرض: 300 بكسل؛
الحشو الأيسر: 20 بكسل؛
}
</نمط>
</الرأس>
<الجسم>
<div معرف = "الوالد">
<ul معرف = "التنقل">
<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><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><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><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>
</لي>
</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>
<نوع النصي=نص/جافا سكريبت><!--
var LastLeftID = "";
وظيفة القائمةFix () {
var obj = document.getElementById("nav").getElementsByTagName("li");
لـ (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)
{
var obj = document.getElementById(emid);
obj.className = (obj.className.toLowerCase() == "expanded"؟"collapsed":expanded");
if((LastLeftID!="")&&(emid!=LastLeftID)) //القائمة
{
document.getElementById(LastLeftID).className = "collapsed";
}
LastLeftID = emid;
}
الدالة GetMenuID()
{
فار القائمةID = ""؛
var _paramStr = new String(window.location.href);
var _sharpPos = _paramStr.indexOf("#");
إذا (_sharpPos >= 0 && _sharpPos < _paramStr.length - 1)
{
_paramStr = _paramStr.substring(_sharpPos + 1, _paramStr.length);
}
آخر
{
_paramStr = "";
}
إذا (_paramStr.length > 0)
{
var _paramArr = _paramStr.split("&");
إذا (_paramArr.length>0)
{
var _paramKeyVal = _paramArr[0].split("=");
إذا (_paramKeyVal.length>0)
{
MenuID = _paramKeyVal[1];
}
}
}
إذا (معرف القائمة! = "")
{
قائمة DoMenu(MenuID)
}
}
GetMenuID(); //* قم بتحديد وظيفة الوظيفة التي تريدها، قم بزيارة Firefox للحصول على GetMenuID()
MenuFix();
--></script>