أسرار التكنولوجيا

شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي
avatar
المديرة
عدد المساهمات : 73
سمعة العضو /ة : 1
تاريخ التسجيل : 23/06/2015
العمر : 17
الموقع : فلسطين
معاينة صفحة البيانات الشخصي للعضو

كود نجوم تتبع الماووس

في السبت 12 سبتمبر - 19:44
السسلام عليكم 
كيف الحال؟؟؟
ان شاء الله بخيرر
 ااسفين عالتأخيير
 وهيه هالكود

الكود:


   <script type="text/javascript">
           // <![CDATA[
           var colour="#BD3EA8";
           var sparkles=50;
            
           /****************************
           * DON'T EDIT BELOW THIS BOX *
           ****************************/
           var x=ox=400;
           var y=oy=300;
           var swide=800;
           var shigh=600;
           var sleft=sdown=0;
           var tiny=new Array();
           var star=new Array();
           var starv=new Array();
           var starx=new Array();
           var stary=new Array();
           var tinyx=new Array();
           var tinyy=new Array();
           var tinyv=new Array();
            
           window.onload=function() { if (document.getElementById) {
             var i, rats, rlef, rdow;
             for (var i=0; i<sparkles; i++) {
               var rats=createDiv(3, 3);
               rats.style.visibility="hidden";
               document.body.appendChild(tiny[i]=rats);
               starv[i]=0;
               tinyv[i]=0;
               var rats=createDiv(5, 5);
               rats.style.backgroundColor="transparent";
               rats.style.visibility="hidden";
               var rlef=createDiv(1, 5);
               var rdow=createDiv(5, 1);
               rats.appendChild(rlef);
               rats.appendChild(rdow);
               rlef.style.top="2px";
               rlef.style.left="0px";
               rdow.style.top="0px";
               rdow.style.left="2px";
               document.body.appendChild(star[i]=rats);
             }
             set_width();
             sparkle();
           }}
            
           function sparkle() {
             var c;
             if (x!=ox || y!=oy) {
               ox=x;
               oy=y;
               for (c=0; c<sparkles; c++) if (!starv[c]) {
                 star[c].style.left=(starx[c]=x)+"px";
                 star[c].style.top=(stary[c]=y)+"px";
                 star[c].style.clip="rect(0px, 5px, 5px, 0px)";
                 star[c].style.visibility="visible";
                 starv[c]=50;
                 break;
               }
             }
             for (c=0; c<sparkles; c++) {
               if (starv[c]) update_star(c);
               if (tinyv[c]) update_tiny(c);
             }
             setTimeout("sparkle()", 40);
           }
            
           function update_star(i) {
             if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
             if (starv[i]) {
               stary[i]+=1+Math.random()*3;
               if (stary[i]<shigh+sdown) {
                 star[i].style.top=stary[i]+"px";
                 starx[i]+=(i%5-2)/5;
                 star[i].style.left=starx[i]+"px";
               }
               else {
                 star[i].style.visibility="hidden";
                 starv[i]=0;
                 return;
               }
             }
             else {
               tinyv[i]=50;
               tiny[i].style.top=(tinyy[i]=stary[i])+"px";
               tiny[i].style.left=(tinyx[i]=starx[i])+"px";
               tiny[i].style.width="2px";
               tiny[i].style.height="2px";
               star[i].style.visibility="hidden";
               tiny[i].style.visibility="visible"
             }
           }
            
           function update_tiny(i) {
             if (--tinyv[i]==25) {
               tiny[i].style.width="1px";
               tiny[i].style.height="1px";
             }
             if (tinyv[i]) {
               tinyy[i]+=1+Math.random()*3;
               if (tinyy[i]<shigh+sdown) {
                 tiny[i].style.top=tinyy[i]+"px";
                 tinyx[i]+=(i%5-2)/5;
                 tiny[i].style.left=tinyx[i]+"px";
               }
               else {
                 tiny[i].style.visibility="hidden";
                 tinyv[i]=0;
                 return;
               }
             }
             else tiny[i].style.visibility="hidden";
           }
            
           document.onmousemove=mouse;
           function mouse(e) {
             set_scroll();
             y=(e)?e.pageY:event.y+sdown;
             x=(e)?e.pageX:event.x+sleft;
           }
            
           function set_scroll() {
             if (typeof(self.pageYOffset)=="number") {
               sdown=self.pageYOffset;
               sleft=self.pageXOffset;
             }
             else if (document.body.scrollTop || document.body.scrollLeft) {
               sdown=document.body.scrollTop;
               sleft=document.body.scrollLeft;
             }
             else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
               sleft=document.documentElement.scrollLeft;
             sdown=document.documentElement.scrollTop;
             }
             else {
               sdown=0;
               sleft=0;
             }
           }
            
           window.onresize=set_width;
           function set_width() {
             if (typeof(self.innerWidth)=="number") {
               swide=self.innerWidth;
               shigh=self.innerHeight;
             }
             else if (document.documentElement && document.documentElement.clientWidth) {
               swide=document.documentElement.clientWidth;
               shigh=document.documentElement.clientHeight;
             }
             else if (document.body.clientWidth) {
               swide=document.body.clientWidth;
               shigh=document.body.clientHeight;
             }
           }
            
           function createDiv(height, width) {
             var div=document.createElement("div");
             div.style.position="absolute";
             div.style.height=height+"px";
             div.style.width=width+"px";
             div.style.overflow="hidden";
             div.style.backgroundColor=colour;
             return (div);
           }
           // ]]>
           </script>        


مثال عالكود في الصفحة الرئيسة لمنتدانا
يوضع في التشكيلات العامة و صفحات الهتمل والكود يعمل 100%

استودعكم الله

my signature
[th][/th]



استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى