العربية
<HTML> <HEAD> <META http-equiv='Content-Type' content='text/html; charset=gb2312'> <TITLE>طبقة قابلة للتحريك بالماوس معروضة على الصفحة مع زر إغلاق، تأثير رائع</ TITLE> </HEAD> <BODY> <STYLE type=text/css> #floater { LEFT: 400px; <DIV محاذاة=center id=floater style="HEIGHT: 98px; WIDTH: 240px;"> <TABLE bgColor=#deefef border=1 borderColor=#008000 borderColorDark=#00ff00 borderColorLight=#ff00ff cellPadding=2 cellSpacing =1 width= "240"> <TBODY> <TR> <TD width="100%"> <P align=center>مرحبًا بك في أكاديمية بناء مواقع الويب<BR>عمود JavaScript! </P></TD></TR> <TR> <TD width="100%"> مرحبًا بك في أكاديمية بناء المواقع الإلكترونية. إذا كانت لديك أي تعليقات أو اقتراحات، فلا تتردد في طرح آرائك عليها الترويج لدينا، وسوف نبذل قصارى جهدنا لخدمتك. يرجى دعم عملنا. سيكون لكل خطوة من خطوات نمونا بصماتك. ! ! <BR> إذا كان لديك أي اقتراحات وآراء جيدة، يمكنك الكتابة لي، وإذا كان لديك أمثلة جيدة، آمل أن أتشاور معك وأتعلم منك. </TD></TR></TBODY></TABLE></DIV> <SCRIPT language=JavaScript> self.onError=null; NS = (document.layers) ? ; diffX = document.body.scrollLeft; } if(NS) { diffY = self.pageYOffset; > 0) بالمائة = Math.ceil(percent); else بالمائة = Math.floor(percent); this.percent; بالمائة)؛ if(IE) document.all.floater.style.pixelLeft += بالمائة؛ if(NS) document.floater.left += بالمائة; > <!-- رمز السحب والسحب --> function checkFocus(x,y) { stalkerx = document.floater.pageX; stalkery = document.floater.pageY; .clip.height; if( (x > stalkerx && x < (stalkerx+stalkerwidth)) && (y > stalkery && y < (stalkery+stalkerheight))) return true; (IE) { whoIt = events.srcElement; while (whatIt.id.indexOf("floater") == -1) { whoIt = thatIt.parentElement; .pixelLeft = whoIt.offsetLeft; thatIt.style.pixelTop = thatIt.offsetTop; CaptureEvents(Event.MOUSEMOVE); ; } } return true; } function moveIt(e) { if (whatIt == null) { return false; + document.body.scrollTop); distanceX = (newX -currentX); distanceY = (newY -currentY);currentY = newY; if(whatIt.style.pixelTop < document.body.scrollTop) thatIt.style.pixelTop = document.body.scrollTop; if(whatIt.style.pixelLeft < document.body.scrollLeft) whoIt.style.pixelLeft = document.body. ScrollLeft; if(whatIt.style.pixelTop > document.body.offsetHeight + document.body.scrollTop - whoIt.style.pixelHeight - 5) whoIt.style.pixelTop = document.body.offsetHeight + document.body.scrollTop - whoIt.style. PixelHeight - 5; events.returnValue = false; } else { whoIt.moveTo(e.pageX-StalkerTouchedX,e.pageY-StalkerTouchedY); pageXOffset; if(whatIt.top < 0+self.pageYOffset) whoIt.top = 0+self.pageYOffset; ) thatIt.left = ((window.innerWidth+self.pageXOffset)-whatIt.clip.width)-17; )) whoIt.top = ((window.innerHeight+self.pageYOffset)-whatIt.clip.height)-17; return false; } function dropIt() { thatIt = null; if(NS) window.releaseEvents (Event.MOUSEMOVE); return true; } <!-- DRAG DROP CODE --> if(NS) { window.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN); window.onmouseup = dropIt; } if(IE) { document.onmousedown = gripIt; document.onmousemove = moveIt; document.onmouseup = dropIt; } if(NS || IE) action = window.setInterval("heartBeat()", 1); </SCRIPT> </BODY></HTML>
