Плавающие изображения [специальные эффекты веб-страницы]

<style type="text/css"> .mainDiv { width:160px; } .topItem { ширина: 160 пикселей; высота: 22 пикселей; курсор: указатель; фон: #467BF2; текстовое оформление: нет; цвет: белый; шрифт-вес: жирный; семейство шрифтов: «ГОТИЧЕСКИЙ»; } .dropMenu {background:#D9D9D9; border-top:1px сплошной #467BF2; левая граница: 1 пиксель, сплошной #92B1F8; правая граница: 1 пиксель, сплошной #92B1F8; нижняя граница: 1 пиксель, сплошной #92B1F8; } .subMenu { display:none; } .subItem {padding-left:5px; курсор: указатель; шрифт-вес: жирный; текстовое оформление: нет; цвет:черный; } .subItem a { text-decoration: none; цвет:черный; } .subItemOver {курсор: указатель; цвет:синий; текстовое оформление: подчеркивание; шрифт-вес: жирный; отступ слева: 5 пикселей; } .subItemOver a {color:blue; } .drop { border-left:1px сплошной черный; правая граница: 1 пиксель, сплошной черный; } </style> <script Language="JavaScript"> var TIMER_SLIDE = null; вар OBJ_SLIDE; вар OBJ_VIEW; вар PIX_SLIDE = 10; //это количество слайдов/DELAY_SLIDE var NEW_PIX_VAL; вар DELAY_SLIDE = 30; //это время между каждым вызовом слайда var DIV_HEIGHT = 22; //значение не имеет значения var SUB_MENU_NUM =0; вар RE_INIT_OBJ = ноль; 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) { если (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); еще {RE_INIT_OBJ = это; setTimeout('ReInit()', 200); } } функция ReInit(obj) { Init(RE_INIT_OBJ); TIMER_SLIDE = setInterval('RunSlide()', DELAY_SLIDE); RE_INIT_OBJ = ноль; } 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 = ноль; OBJ_VIEW.style.display = 'встроенный'; OBJ_VIEW.setAttribute("состояние","1") MainDiv.setAttribute("состояние",NEW_PIX_VAL); } } else { OBJ_VIEW.style.display = 'none'; NEW_PIX_VAL -= PIX_SLIDE; если (NEW_PIX_VAL > 0)OBJ_SLIDE.style.height = NEW_PIX_VAL; если (NEW_PIX_VAL <= 0) { NEW_PIX_VAL = 0; OBJ_SLIDE.style.height = NEW_PIX_VAL ClearInterval(TIMER_SLIDE); TIMER_SLIDE = ноль; 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></span><BR /> <span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http://www.downcodes.com/" >电脑网络</a></span> </div> </div> </div> <!--------Конечное меню---------->