日本語
<style type="text/css"> .mainDiv { width:160px; .topItem {幅:160ピクセル;高さ:22ピクセル;カーソル:ポインタ;背景: #467BF2;テキスト装飾: なし。色: 白;フォントの太さ:太字;フォントファミリー:"ゴシック"; .dropMenu {背景:#D9D9D9;ボーダートップ:1px ソリッド #467BF2;ボーダー左:1px ソリッド #92B1F8;ボーダー右:1px ソリッド #92B1F8; border-bottom:1px ソリッド #92B1F8; .subMenu { 表示:なし; .subItem {パディング左:5px;カーソル:ポインタ;フォントの太さ:太字;テキスト装飾:なし;色:黒; .subItem a { text-decoration:none;色:黒; .subItemOver {カーソル:ポインタ;色: 青;テキスト装飾:下線;フォントの太さ:太字;パディング左:5px; .subItemOver a { color:blue; .drop { border-left:1px 真っ黒;ボーダー右:1px ソリッドブラック; } </style> <script language="javascript"> // http://www.downcodes.com からのその他の JavaScript var TIMER_SLIDE = null; var OBJ_SLIDE; var OBJ_VIEW; var PIX_SLIDE = 10; //これはスライド量です/DELAY_SLIDE var NEW_PIX_VAL; var DELAY_SLIDE = 30; //これはスライドの各呼び出し間の時間です var DIV_HEIGHT = 22; //値は無関係 var SUB_MENU_NUM =0; var RE_INIT_OBJ = null; var bMenu = document.getElementById("curMenu"); var MainDiv,SubDiv //DD はコードを追加しました document.write('<div id="tempcontainer" class="mainDiv" style="visibility: hidden;position:Absolute"></div>') function Init(objDiv) { if (TIMER_SLIDE == null) { SUB_MENU_NUM = 0; MainDiv = objDiv.parentNode; SubDiv = MainDiv.getElementsByTagName("DIV").item(0); SubDiv.onclick = SetSlide; OBJ_SLIDE = MainDiv.getElementsByTagName("DIV").item(1) OBJ_VIEW = OBJ_SLIDE.getElementsByTagName("DIV").item(0); document.getElementById("tempcontainer").innerHTML=MainDiv.getElementsByTagName("DIV").item(2).innerHTML //DD コードを追加 DIV_HEIGHT=document.getElementById("tempcontainer").offsetHeight //DD コードを追加 ( i=0;i<OBJ_VIEW.childNodes.length;i++) { if (OBJ_VIEW.childNodes.item(i).tagName == "SPAN") { SUB_MENU_NUM ++; OBJ_VIEW.childNodes.item(i).onmouseover= ChangeStyle; OBJ_VIEW.childNodes.item(i).onmouseout=ChangeStyle; NEW_PIX_VAL = parseInt(MainDiv.getAttribute("state")); } } function SetSlide() { if (window.TIMER_SLIDE) clearInterval(TIMER_SLIDE) //DD コードを追加 if (TIMER_SLIDE == null && this.parentNode == MainDiv) TIMER_SLIDE = setInterval('RunSlide()', DELAY_SLIDE); else { RE_INIT_OBJ = これ; setTimeout('ReInit()', 200);関数 ReInit(obj) { Init(RE_INIT_OBJ); TIMER_SLIDE = setInterval('RunSlide()', DELAY_SLIDE); RE_INIT_OBJ = null; } function RunSlide() { if (OBJ_VIEW.getAttribute("state") == 0) { NEW_PIX_VAL += PIX_SLIDE; OBJ_SLIDE.style.height = NEW_PIX_VAL; if (NEW_PIX_VAL >= DIV_HEIGHT) //DD 修正コード { clearInterval(TIMER_SLIDE); TIMER_SLIDE = null; OBJ_VIEW.style.display = 'インライン'; OBJ_VIEW.setAttribute("状態","1") MainDiv.setAttribute("状態",NEW_PIX_VAL); } } else { OBJ_VIEW.style.display = 'none'; NEW_PIX_VAL -= PIX_SLIDE; if(NEW_PIX_VAL > 0)OBJ_SLIDE.style.height = NEW_PIX_VAL; if (NEW_PIX_VAL <= 0) { NEW_PIX_VAL = 0; OBJ_SLIDE.style.height = NEW_PIX_VALclearInterval(TIMER_SLIDE); TIMER_SLIDE = null; OBJ_VIEW.setAttribute("状態","0") MainDiv.setAttribute("状態",NEW_PIX_VAL); function ChangeStyle() { if (this.className == this.getAttribute("classOut")) this.className = this.getAttribute("classOver");それ以外の場合、 this.className = this.getAttribute("classOut"); } </script> <!--------スタートメニュー----------> <div class="mainDiv" state="0"> <div class="topItem" classOut= "topItem" classOver="topItemOver" onMouseOver="Init(this);" >网页特效</div> <div class="dropMenu" > <div class="subMenu" state="0"> <span class="subItem" classOut="subItem" classOver="subItemOver"><a href= "http://www.downcodes.com">画像</a></span><BR /> <span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http ://www.downcodes.com"> ネズミ标イベント</a></span><BR /> <span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http:/ /www.downcodes.com"> 期間</a></span><BR /> <span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http://www .downcodes.com">导航菜单</a></span><BR /> <span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http://www.downcodes .com">文字效果</a></span> </div> </div> </div> <!--------メニュー終了----------> < BR /> <!--------スタート メニュー----------> <div class="mainDiv" state="0"> <div class="topItem" classOut="topItem " classOver="topItemOver" onMouseOver="Init(this)" > 网页教学</div> <div class="dropMenu" > <div class="subMenu" state="0"> <span class="subItem" classOut ="subItem" classOver="subItemOver"><a href="http://www.downcodes.com">ネット页制作</a></span><BR /> <span class="subItem" classOut=" subItem" classOver="subItemOver"><a href="http://www.downcodes.com">ネットワーク络程</a></span><BR /> <span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http://www.downcodes.com">図形画像</a></span> </div> </div> </div> <!---- ----終了メニュー----------> <BR /> <!--------スタートメニュー----------> <div class="mainDiv " state="0"> <div class="topItem" classOut="topItem" classOver="topItemOver" onMouseOver="Init(this)" >网络开発行</div> <div class="dropMenu" > <div class ="subMenu" state="0"> <span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http://www.downcodes.com">网页设计</a> </span><BR /> <span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http://www.downcodes.com">艺术创作</a></スパン><BR /> <span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http://www.downcodes.com">電脑网络</a></span> </div> </div> </div> <!--------メニュー終了---------->
