الصور العائمة [مؤثرات خاصة لصفحة الويب]

<style type="text/css"> .mainDiv { width:160px; } .topItem { العرض: 160 بكسل؛ الارتفاع: 22 بكسل؛ المؤشر:المؤشر؛ الخلفية: #467BF2؛ زخرفة النص: لا شيء؛ اللون: أبيض؛ وزن الخط: غامق؛ عائلة الخط:"GOTHIC"; } .dropMenu { الخلفية:#D9D9D9; الحد العلوي: 1 بكسل صلب #467BF2؛ الحد الأيسر: 1 بكسل صلب #92B1F8؛ الحدود اليمنى: 1 بكسل صلب #92B1F8؛ الحد السفلي: 1 بكسل صلب #92B1F8؛ } .subMenu { عرض: لا شيء؛ } .subItem { padding-left:5px; المؤشر:المؤشر؛ وزن الخط: غامق؛ زخرفة النص: لا شيء؛ اللون: أسود؛ } .subItem a { زخرفة النص: لا شيء؛ اللون: أسود؛ } .subItemOver { cursor:pointer; اللون: أزرق؛ زخرفة النص:تسطير؛ وزن الخط: غامق؛ الحشو الأيسر: 5 بكسل؛ } .subItemOver a { اللون:أزرق؛ } .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; var RE_INIT_OBJ = null; var bMenu = document.getElementById("curMenu"); var MainDiv,SubDiv // DD كود مضاف document.write('<div id="tempcontainer" class="mainDiv" style="visibility: Hidden; الموضع: مطلق"></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); else { RE_INIT_OBJ = هذا؛ setTimeout('ReInit()', 200); } } function 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 = 'inline'; OBJ_VIEW.setAttribute("state"،"1") MainDiv.setAttribute("state"،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; إذا (NEW_PIX_VAL <= 0) { NEW_PIX_VAL = 0؛ OBJ_SLIDE.style.height = NEW_PIX_VAL ClearInterval(TIMER_SLIDE); TIMER_SLIDE = null; OBJ_VIEW.setAttribute("state"،"0") MainDiv.setAttribute("state"،NEW_PIX_VAL); } } } function ChangeStyle() { if (this.className == this.getAttribute("classOut")) this.className = this.getAttribute("classOver"); else 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> <!--------قائمة النهاية---------->