Tip: you can modify some code before running
<!DOCTYPE html><ptml><pead><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Untitled Document</title><link href="http://www.miaov.com/miaov_demo/miaov_cool_multi_stab/css/index.css" rel="stylesheet" type="text/css"/><script type="text/javascript">Var count = 0; window. onload = function () {var oUl = document. getElementById ('miaov _ box'); var oUlShade = document. getElementById ('miaov _ boxShade '); var oUlShadeSecond = document. getElementById ('miaov _ boxshadesecond'); var aLiBox = oUl. getElementsByTagName ('Lil'); var aLi = document. getElementsByTagName ('Lil'); var timer = null; var I = 0, j = 0; oUl. onmouseover = function () {clearTimeout (timer) ;}; oUl. onmouseout = function () {for (I = 0; I<aLi.length;i++){switch(aLi[i].parentNode.className){case 'miaov_navTopSecond':case '':aLi[i].className='';break;}};clearTimeout(timer);timer=setTimeout(function (){oUlShade.style.display=oUlShadeSecond.style.display=oUl.style.display='none';for(i=0;i<aLiBox.length;i++)aLiBox[i].className='';for(i=0;i<aLi.length;i++){switch(aLi[i].parentNode.className){case 'miaov_navTopSecond':oUlShade.style.display=oUlShadeSecond.style.display=oUl.style.display='none';aLiBox[aLi[i].index].className='';case '':aLi[i].className='';break;case 'miaov_navBottom':case 'miaov_navTop':aLi[i].className='';break;}}}, 500);};for(i=0;i<aLi.length;i++){aLi[i].onmouseover=function (){clearTimeout(timer);switch(this.parentNode.className){case 'miaov_navTopSecond':oUlShade.style.display=oUlShadeSecond.style.display=oUl.style.display='block';for(i=0;i<aLiBox.length;i++)aLiBox[i].className='';aLiBox[this.index].className='show';case '':this.className='active';break;case 'miaov_navBottom':case 'miaov_navTop':for(i=0;i<aLi.length;i++)if(aLi[i].parentNode.className=='miaov_navBottom' || aLi[i].parentNode.className=='miaov_navTop')aLi[i].className='';this.className='show';break;}};aLi[i].onmouseout=oUl.onmouseout;if(aLi[i].parentNode.className=='miaov_navTopSecond'){aLi[i].index=j++;}}};</script></pead><body><div class="miaov_page"><div class="miaov_shade"></div><div class="miaov_shadeSecond"></div><div class="miaov_nav" id="miaov_nav"><ul class="miaov_navTop" id="miaov_navTop"><li><p class="index">Miaowei official website</p><ul class="miaov_navTopSecond"><li>Wonderful classroom-works</li><li>Wonderful classroom -- about us</li><li>Wonderful classroom-online message</li></ul></li><li><p>Miaowei Teahouse</p><ul class="miaov_navTopSecond"><li>Wonderful tea house-video tutorial</li><li>Miaowei Teahouse-life show</li><li>Wonderful tea house-special effect dashboard</li><li>Wonderful tea house-technical exchange</li><li>Wonderful tea house-chat</li></ul></li></ul><ul class="miaov_navBottom"><li><p>Magic-xhtml + css course</p><ul><li>Basic Courses</li><li>Page architect course</li></ul></li><li><p>Wonderful taste-javascript course</p><ul><li>Online teaching courses</li><li>Proficient in JavaScript development courses</li></ul></li></ul></div><div class="miaov_boxShade" id="miaov_boxShade"></div><div class="miaov_boxShadeSecond" id="miaov_boxShadeSecond"></div><ul class="miaov_box" id="miaov_box"><li class="show"><p>Wonderful classroom-works</p><p>The Banggoo website is fully implemented in the whole process of website planning, design, production, and background. Although the website is small, the modification takes a long time and takes two months to complete ....</p></li><li><p>Wonderful classroom -- about us</p><p>Miaowei classroom is a unique IT training team. IT is a brand new and happy learning method against the boring teaching mode of traditional IT education!</p></li><li><p>Wonderful classroom-online message</p><p>Please leave us a message</p></li><li><p>Wonderful tea house-video tutorial</p><p>Original JavaScript video tutorials show the implementation process of various superb special effects</p></li><li><p>Miaowei Teahouse-life show</p><p>Show the student's life photos, class photos, personal shows, group photos, activity stickers, strange expressions, and whole-time shows...</p></li><li><p>Wonderful tea house-special effect dashboard</p><p>Various types of JavaScript effects can be used for publishing, appreciation, sharing, and downloading.</p></li><li><p>Smart phone themed tea house-technical exchange</p><p>Ask your questions and share your experience to make learning easier and more interesting.</p></li><li><p>Wonderful tea house-chat</p><p>Let's talk about it.</p></li></ul></div></body></ptml>
Tip: you can modify some code before running
