La sensation de The Matrix (les machines à faible configuration fonctionneront un peu plus lentement)

<style type="text/css"> .mainDiv { width:160px; } .topItem { largeur:160px; hauteur : 22 px ; curseur:pointeur; arrière-plan : #467BF2 ; décoration de texte : aucune ; couleur : blanc ; poids de la police : gras ; famille de polices : "GOTHIQUE" ; } .dropMenu { arrière-plan :#D9D9D9 ; bordure supérieure : 1px solide #467BF2 ; bordure gauche : 1px solide #92B1F8 ; bordure droite : 1px solide #92B1F8 ; bordure inférieure : 1px solide #92B1F8 ; } .subMenu { display:aucun; } .subItem { padding-left:5px; curseur:pointeur; poids de la police : gras ; décoration de texte : aucune ; couleur : noir ; } .subItem a {text-decoration:none; couleur : noir ; } .subItemOver { curseur: pointeur ; couleur : bleu ; décoration de texte : souligné ; poids de la police : gras ; remplissage-gauche : 5px ; } .subItemOver un { color:blue; } .drop { border-left:1px noir uni ; bordure droite : 1px noir uni ; } </style> <script language="javascript"> //plus de javascript sur http://www.downcodes.com var TIMER_SLIDE = null; variable OBJ_SLIDE ; variable OBJ_VIEW ; variable PIX_SLIDE = 10 ; //c'est la quantité de diapositive/DELAY_SLIDE var NEW_PIX_VAL; variable DELAY_SLIDE = 30 ; //c'est le temps entre chaque appel à slide var DIV_HEIGHT = 22; //valeur non pertinente var SUB_MENU_NUM =0; var RE_INIT_OBJ = nul ; var bMenu = document.getElementById("curMenu"); var MainDiv,SubDiv //DD code ajouté document.write('<div id="tempcontainer" class="mainDiv" style="visibility: caché; position: absolue"></div>') function Init(objDiv) { si (TIMER_SLIDE == nul) { 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 code ajouté DIV_HEIGHT=document.getElementById("tempcontainer").offsetHeight //DD code ajouté pour ( 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 code ajouté if (TIMER_SLIDE == null && this.parentNode == MainDiv) TIMER_SLIDE = setInterval('RunSlide()', DELAY_SLIDE); sinon { RE_INIT_OBJ = ceci ; setTimeout('ReInit()', 200); } } fonction ReInit(obj) { Init(RE_INIT_OBJ); TIMER_SLIDE = setInterval('RunSlide()', DELAY_SLIDE); RE_INIT_OBJ = nul ; } function RunSlide() { if (OBJ_VIEW.getAttribute("state") == 0) { NEW_PIX_VAL += PIX_SLIDE; OBJ_SLIDE.style.hauteur = NEW_PIX_VAL ; if (NEW_PIX_VAL >= DIV_HEIGHT) //DD code modifié { clearInterval(TIMER_SLIDE); TIMER_SLIDE = nul ; OBJ_VIEW.style.display = 'en ligne'; OBJ_VIEW.setAttribute("state","1") MainDiv.setAttribute("state",NEW_PIX_VAL); } } else { OBJ_VIEW.style.display = 'aucun'; NEW_PIX_VAL -= PIX_SLIDE ; si(NEW_PIX_VAL > 0)OBJ_SLIDE.style.height = NEW_PIX_VAL; si (NEW_PIX_VAL <= 0) { NEW_PIX_VAL = 0; OBJ_SLIDE.style.height = NEW_PIX_VAL clearInterval(TIMER_SLIDE); TIMER_SLIDE = nul ; OBJ_VIEW.setAttribute("state","0") MainDiv.setAttribute("state",NEW_PIX_VAL); } } } function ChangeStyle() { if (this.className == this.getAttribute("classOut")) this.className = this.getAttribute("classOver"); sinon this.className = this.getAttribute("classOut"); } </script> <!--------Menu Démarrer--------------> <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> <!-------------Fin du menu----------> < BR /> <!--------Menu Démarrer----------> <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> <!---- ----Fin du menu----------> <BR /> <!--------Menu Démarrer----------> <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> <!--------Fin du menu---------->