<p class="sycode"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <br /> <HTML><HEAD><TITLE>Flywe のブログ - Ajax 另类二级联動菜单(DIV+CSS)</TITLE> <br> <SCRIPT language=javascript> <br> var req = null; <br> if(window.XMLHttpRequest) { <br> 試してみる { <br> req = new XMLHttpRequest(); <br> } catch(e) { <br> req = false; <br> // IE/Windows ActiveX バージョンのブランチ <br> } else if(window.ActiveXObject) { <br> try { <br> req = new ActiveXObject("Msxml2.XMLHTTP") ; <br> catch(e) { <br> try { <br> req = new ActiveXObject("Microsoft.XMLHTTP"); <br> } catch(e) { <br> req = false; <br> } <br> <br> } <br> <br> varノード; <br> function OnClickCate(What,CateID) <br> { <br> if(What == null) return <br> node = document.getElementById("RssCate" + CateID) <br> node = node.nextSibling <br> while(noデ && ノード.タグ名 && ノード.タグ名!= "DIV") <br> { <br> node = node.nextSibling <br> } <br> if(node == null) return <br> var initDisplay = node.style.display; <br> var RssDIV = document.getElementsByTagName("DIV"); <br> if(RssDIV != null) <br> { <br> for(var i = 0;i<rssdiv.length></rssdiv.length> { <br> if(RssDIV[i].className == " sDIV") <br> RssDIV[i].style .display = "なし"; <br> } <br> } <br> if(document.getElementById("RssCate" + CateID).getAttribute("status") != "ok") <br> { <br> if(req) <br> { <br> var str = null; <br> Node.innerHTML = "正在装填データ……"; <br> Node.style.display="ブロック"; <br> surl ='cs/menulist.asp?id='+CateID+'&cDate='+ new Date().getTime(); <br> req.open('GET', surl, true); <br> req.onreadystatechange =alerttest; <br> req.send(null); <br> } <br> document.getElementById('RssCate'+CateID).setAttribute('status','ok'); <br> } <br> その他 <br> { <br> node.style.display=(initDisplay == "ブロック"?"なし":"ブロック"); <br> } <br> //node = null; <br> } <br> 関数alerttest() <br> { <br> if (req.readyState == 4) <br> { <br> if (req.status == 200) <br> { <br> req.応答テキスト; <br> } <br> <br> } <br> } <br> </SCRIPT> <br> <br> <STYLE type=text/css>.CateDIV { <br> BORDER-RIGHT: #808080 1px ソリッド;パディング右: 2px;ボーダートップ: #ffffff 1px ソリッド;パディング左: 2px;フォント サイズ: 9pt;パディングボトム: 2px;ボーダー左: #ffffff 1px ソリッド;幅: 300ピクセル;カーソル: ポインタ;色: #000000;パディングトップ: 3px;ボーダーボトム: #808080 1px ソリッド;高さ: 22ピクセル;背景色: #ddeeff;テキスト配置: 左 <br> } <br> .RssDIV { <br> PADDING-RIGHT: 2px;ディスプレイ: なし。パディング左: 2px;フォント サイズ: 9pt;パディングボトム: 2px;パディングトップ: 2px;背景色: 透明 <br> } <br> A { <br> FONT-SIZE: 9pt;色: #000099;テキスト装飾: なし <br> } <br> A:訪問済み { <br> COLOR: 赤 <br> } <br> A: アクティブ { <br> COLOR: 赤 <br> } <br> A: ホバー { <br> COLOR: #0000ff <br> } <br> </STYLE& gt; <br /> <br /> <META content="MSHTML 6.00.3790.1830" name=GENERATOR></HEAD> <br> <BODY <br /> style="BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: auto; BORDER-LEFT: 0px; パディングトップ: 0px; ボーダーボトム: 0px" <br /> bgColor=#ffffff> <br> <DIV class=CateDIV id=RssCate1 onclick=OnClickCate(this,1)>Microsoft .NET <br> 技術术站点</DIV> <br> <DIV クラス=RssDIV></DIV> <br> <DIV class=CateDIV id=RssCate2 onclick=OnClickCate(this,2)>ASP.NET 技術ステーションポイント</DIV> <br> <DIV クラス=RssDIV></DIV> <br> <DIV class=CateDIV id=RssCate3 onclick=OnClickCate(this,3)>Visual C# 技術术站点</DIV> <br> <DIV クラス=RssDIV></DIV> <br> <DIV class=CateDIV id=RssCate4 onclick=OnClickCate(this,4)>Visual Basic.NET <br> 技術术站点</DIV> <br> <DIV class=RssDIV></DIV></BODY></HTML> <br> <br> </p>
