[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]شاهد المثل على البوابة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]الخطوة --1
هذ كود طويل نوعا ما لكنه جميل مفيد جدا تستطيع استخدامه الازرار الجتماعية مثل الفيسبوك وتويتر ربما الكود قديم لكن الفكرة جديدة احرص على ان يكون الكود في الصفحتك الرئيسة فقط كي لا يزعج اعضائ او الزوار
يجب ان تنسخ الكود وتجعله في ملف خارجي لى واعطيه اسم مثل ما استخدمة (zaharatb.js ) واحفضه في الملف الصفحة الرئيسة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] كود الذي يجب ان نحفظه في ملف لوحده بصغة ( zaharatb.js )
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]var vmin=2;
var vmax=5;
var vr=2;
var timer1;
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function Chip(chipname,width,height){
this.named=chipname;
this.vx=vmin+vmax*Math.random();
this.vy=vmin+vmax*Math.random();
this.w=width+20;
this.h=height;
this.xx=0;
this.yy=0;
this.timer1=null;
}
function movechip(chipname){
if (document.getElementById){
eval("chip="+chipname);
if (window.innerWidth || window.opera){
pageX=window.pageXOffset;
pageW=window.innerWidth-40;
pageY=window.pageYOffset;
pageH=window.innerHeight-20;
}
else if (document.body){
pageX=iecompattest().scrollLeft;
pageW=iecompattest().offsetWidth-40;
pageY=iecompattest().scrollTop;
pageH=iecompattest().offsetHeight-20;
}
chip.xx=chip.xx+chip.vx;
chip.yy=chip.yy+chip.vy;
chip.vx+=vr*(Math.random()-0.5);
chip.vy+=vr*(Math.random()-0.5);
if(chip.vx>(vmax+vmin)) chip.vx=(vmax+vmin)*2-chip.vx;
if(chip.vx<(-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx;
if(chip.vy>(vmax+vmin)) chip.vy=(vmax+vmin)*2-chip.vy;
if(chip.vy<(-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy;
if(chip.xx<=pageX){
chip.xx=pageX;
chip.vx=vmin+vmax*Math.random();
}
if(chip.xx>=pageX+pageW-chip.w){
chip.xx=pageX+pageW-chip.w;
chip.vx=-vmin-vmax*Math.random();
}
if(chip.yy<=pageY)
{chip.yy=pageY;
chip.vy=vmin+vmax*Math.random();
}
if(chip.yy>=pageY+pageH-chip.h)
{chip.yy=pageY+pageH-chip.h;
chip.vy=-vmin-vmax*Math.random();
}
document.getElementById(chip.named).style.left=chip.xx+"px";
document.getElementById(chip.named).style.top=chip.yy+"px";
chip.timer1=setTimeout("movechip('"+chip.named+"')",100);
}
}
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]2: إضافة ما يلي في قسم <head> من الصفحة الخاصة بك
كود
<script type="text/javascript" src="zaharatb.js"> </script>
<script type="text/javascript">
var flyimage1, flyimage2, flyimage3
function pagestart(){
//Step 2: Using the same variable names as 1), add or delete more of the below lines (60=width, height=80 of image):
flyimage1=new Chip("flyimage1",47,68);
flyimage2=new Chip("flyimage2",47,68);
flyimage3=new Chip("flyimage3",47,68);
//Step 3: Using the same variable names as 1), add or delete more of the below lines:
movechip("flyimage1");
movechip("flyimage2");
movechip("flyimage3");
}
if (window.addEventListener)
window.addEventListener("load", pagestart, false)
else if (window.attachEvent)
window.attachEvent("onload", pagestart)
else if (document.getElementById)
window.onload=pagestart
</script>
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]3:
إضافة ما يلي في قسم <body> من الصفحة الخاصة بك هذا يحتوي على رموز HTML لعرض الصور نفسها:
كود
<DIV ID="flyimage1" STYLE="position:absolute; left: -500px; width:47; height:68;">
<A HREF="https://zaharatb.yoo7.com">السلام عليكم ورحمة الله</a>
</DIV>
<DIV ID="flyimage2" STYLE="position:absolute; left: -500px; width:47; height:68;">
<A HREF="https://zaharatb.yoo7.com"><IMG SRC="https://i.servimg.com/u/f32/17/82/24/96/besm11.gif" BORDER=0></a>
</DIV>
<DIV ID="flyimage3" STYLE="position:absolute; left: -500px; width:47; height:68;">
<A HREF="https://zaharatb.yoo7.com"><IMG SRC="https://i.servimg.com/u/f32/17/82/24/96/facebo10.png" BORDER=0></a>
</DIV>
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]