ÏêϸÎÊÌâÃèÊö¼°ÒÉÎÊ£ºÆÚ´ýÄúµÄ´ð°¸£¬Äã¾ÍÊǵ±´úµÄ»îÀ×·æ,Ì«¸ÐлÁË £¡
ÎÒ½«CSSÍêÈ«·ÖÀë³öÀ´ÓÃjQuery¸½¼ÓʽÑù£¬¾ÍÊÇΪÁ˶༶Ⱦɫ£¬²¢ÇÒÉú³ÉĿ¼Ê÷ºÍ¿ØÖÆʽÑùÒ²ºÜÈÝÒ×£¬Éú³Éʲ²»ÐèÒª¿¼ÂÇʽÑù¡£**±í½¨ÒéÓÃÊÂÏÈOrderÅÅÐòµÄ·½Ê½£¬²»Òª¶ÁÈ¡**µÄʱºò²Å·Ö¼¶ÅÅÐò£¬ÕâÑùÐÔÄÜ»á½Ï¼Ñ¡£
ÎÒ°ÑËü×ö³ÉÁ˸ö.NetµÄ¿Ø¼þ£¬×÷ΪÇáÁ¿¼¶µÄÎÞÏÞĿ¼Ê÷£¬»¹ÊÇÏ൱ºÃÓõġ£Ö»ÊÇ»**»ÍêÉÆ£¬ÎÒÏÈÂýÂýÐ޸ģ¬µÈ²î²»¶àÁËÔÙ·¢²¼³öÀ´¡£
¸´ÖÆ´úÂë´úÂëÈçÏÂ:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXh**TML1.0Transitional//EN""http://www.***.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.***.org/1999/xhtml">
<headid="h**ead1"runat="server">
<title>jQueryÎÞÏÞ¼¶²Ëµ¥</title>
<styletype="text/css">
#me**a{
color:#fff;
}
#me**div{
/*text-align:center;*/
}
#me**diva{
padding-left:20px;
}
#me**div.root{
display:block;
}
.list{background:url(/q/1461294548726339/list.gif)no-repeat6px6px;}
</style>
<scripttype="text/j**ascript"language="j**ascript"src="jquery-1.2.3.min.js"></script>
<scripttype="text/j**ascript"language="j**ascript">
$(function(){
//ÑÕÉ«ÁÐ±í£¬Èç¹ûÏëÖ§³ÖÎÞÏÞ¼¶£¬×îºÃ×Ô¶¯Éú³ÉÑÕÉ«ÁÐ±í£¬²»¹ýÎÒµÄÅäÉ«Ò»ÏîºÜ²î£¬ÓÃÉú³ÉµÄ¾Í¸ü²Ò²»È̶ÃÁË¡¡
_cor=['#003366','#0066CC','#3399FF','#990000','#CC0000','#FF3300','#FF9900','#FFCC66','#FFFFFF'];
//³õʼ»¯Àà
(functionInit(i,obj){
i++;
//²éÕÒ×Ó½Úµã
_obj=obj.children('div');
//ÈôÓÐ×ӽڵ㣬ÔòÔö¼ÓÒ»¸öרÓÐʽÑù
if(_obj.length>0)
obj.addClass('list');
$.each(_obj,function(j,o){
//ÈôÊÇ×ÓĿ¼ÔòÒþ²Ø
if(i>0)
$(o).hide();
//¸ù¾ÝĿ¼¼¶Êý²éÕÒÑÕÉ«×ÖµäÉϱ³¾°É«£¬¿É¸ÄΪͼƬʲôµÄ¡£
$(o).css('background-color',_cor[i]);
//²éÕÒ×ÓĿ¼
Init(i,$(o));
});
})(-1,$('#me**'));
});
//ÌøתÁ´½Ó
functionGotoURL(obj){
//ÈôÁ´½Ó×îĩһλ²»ÊÇ·ûºÅ¡°#¡±ÔòÌøתÁ´½Ó£¬ÒòΪȡhrefµÃµ½Á´½Ó¾ø¶Ô·¾¶£¬ËùÒÔÖ»ÄÜÈ¡×îºóһ룬Æäʵ¿ÉÒÔ´«ÖµÅжϻòÉú³ÉĿ¼Ê÷ʱ²»**Éúonclick¶¼ÊÇ¿ÉÒÔµÄ
if(obj.href.substring(obj.href.length-1,obj.href.length)!="#")returntrue;
//À³öºÍËõ½øµÄÌØЧ
$.each($(obj).parent().children('div'),function(i,o){
$(o).slideToggle('slow');
});
returnfalse;
}
</script>
</head>
<body>
<divid="me**">
<div><ahref="#"onclick="returnGotoURL(this)">µÚÒ»¼¶</a></div>
<div><ahref="#"onclick="returnGotoURL(this)">µÚÒ»¼¶</a>
<div><ahref="#"onclick="returnGotoURL(this)">µÚ¶þ¼¶</a></div>
<div><ahref="#"onclick="returnGotoURL(this)">µÚ¶þ¼¶</a>
<div><ahref="#"onclick="returnGotoURL(this)">µÚÈý¼¶</a>
<div><ahref="#"onclick="returnGotoURL(this)">µÚËļ¶</a></div>
<div><ahref="#"onclick="returnGotoURL(this)">µÚËļ¶</a></div>
</div>
<div><ahref="#"onclick="returnGotoURL(this)">µÚÈý¼¶</a>
<div><ahref="#"onclick="returnGotoURL(this)">µÚËļ¶</a></div>
<div><ahref="#"onclick="returnGotoURL(this)">µÚËļ¶</a>
<div><ahref="#"onclick="returnGotoURL(this)">µÚÎ弶</a></div>
<div><ahref="#"onclick="returnGotoURL(this)">µÚÎ弶</a></div>
<div><ahref="#"onclick="returnGotoURL(this)">µÚÎ弶</a>
<div><ahref="#"onclick="returnGotoURL(this)">µÚÁù¼¶</a></div>
<div><ahref="#"onclick="returnGotoURL(this)">µÚÁù¼¶</a></div>
</div>
</div>
</div>
</div>
<div><ahref="#"onclick="returnGotoURL(this)">µÚ¶þ¼¶</a></div>
</div>
<div><ahref="#"onclick="returnGotoURL(this)">µÚÒ»¼¶</a>
<div><ahref="#"onclick="returnGotoURL(this)">µÚ¶þ¼¶</a></div>
<div><ahref="#"onclick="returnGotoURL(this)">µÚ¶þ¼¶</a></div>
<div><ahref="#"onclick="returnGotoURL(this)">µÚ¶þ¼¶</a>
<div><ahref="#"onclick="returnGotoURL(this)">µÚÈý¼¶</a>
<div><ahref="#"onclick="returnGotoURL(this)">µÚËļ¶</a></div>
<div><ahref="#"onclick="returnGotoURL(this)">µÚËļ¶</a></div>
</div>
<div><ahref="#"onclick="returnGotoURL(this)">µÚÈý¼¶</a>
<div><ahref="#"onclick="returnGotoURL(this)">µÚËļ¶</a></div>
<div><ahref="#"onclick="returnGotoURL(this)">µÚËļ¶</a>
<div><ahref="#"onclick="returnGotoURL(this)">µÚÎ弶</a></div>
<div><ahref="#"onclick="returnGotoURL(this)">µÚÎ弶</a></div>
<div><ahref="#"onclick="returnGotoURL(this)">µÚÎ弶</a>
<div><ahref="#"onclick="returnGotoURL(this)">µÚÁù¼¶</a></div>
<div><ahref="#"onclick="returnGotoURL(this)">µÚÁù¼¶</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>