منتديات فنون التطوير
كود html لعمل بالونات تطير فى المنتدى FRv91



انضم إلى المنتدى ، فالأمر سريع وسهل

منتديات فنون التطوير
كود html لعمل بالونات تطير فى المنتدى FRv91


منتديات فنون التطوير
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

اذهب الى الأسفل
moslimmasri
moslimmasri
رئاسة الاشراف العام
عدد المساهمات : 71
تاريخ التسجيل : 08/06/2013

كود html لعمل بالونات تطير فى المنتدى Empty كود html لعمل بالونات تطير فى المنتدى

الجمعة يونيو 14, 2013 6:00 am
السلام

جبت لكم

احلى الكود

صور الكود
هنا

كود html لعمل بالونات تطير فى المنتدى 134092942421
http://im25.gulfup.com/2012-06-29/134092942421.png

اتمنى يكون عجبكم

طريقة وضع الكود الكود يوضع فى اى مكان يقبل اكواد ال html مثلا التشكيلات العامة او الاعلانات الخاصة

 
الكود:
 var Ymax=8;                                //MAX # OF PIXEL STEPS IN THE "X" DIRECTION
var Xmax=8;                                //MAX # OF PIXEL STEPS IN THE "Y" DIRECTION
var Tmax=10000;                        //MAX # OF MILLISECONDS BETWEEN PARAMETER CHANGES
//FLOATING IMAGE URLS FOR EACH IMAGE. ADD OR DELETE ENTRIES. KEEP ELEMENT NUMERICAL ORDER STARTING WITH "0" !!
var floatimages=new Array();
floatimages[0]='http://i50.tinypic.com/s1u7v8.jpg';
floatimages[1]='http://i47.tinypic.com/21e4189.jpg';
floatimages[2]='http://i46.tinypic.com/2i06b9g.jpg';
floatimages[3]='http://i46.tinypic.com/ej9zli.gif';
floatimages[4]='http://i47.tinypic.com/2ldzzv8.jpg';

var
 NS4 = (navigator.appName.indexOf("Netscape")>=0 &&
parseFloat(navigator.appVersion) >= 4 &&
parseFloat(navigator.appVersion) < 5)? true : false;
var IE4 = (document.all)? true : false;
var NS6 = (parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var wind_w, wind_h, t='', IDs=new Array();
for(i=0; it+=(NS4)?' name="pic'+i+'" visibility="hide" width="10" height="10">href="javascript:hidebutterfly()">' : '
style="position:absolute; visibility:hidden;width:10px;
height:10px">';
t+='[img]http://www.a-twer.com/%27+floatimages[i]+%27[/img]';
t+=(NS4)? '':'
';
}
document.write(t);
function moveimage(num){
if(getidleft(num)+IDs[num].W+IDs[num].Xstep >= wind_w+getscrollx())IDs[num].Xdir=false;
if(getidleft(num)-IDs[num].Xstep<=getscrollx())IDs[num].Xdir=true;
if(getidtop(num)+IDs[num].H+IDs[num].Ystep >= wind_h+getscrolly())IDs[num].Ydir=false;
if(getidtop(num)-IDs[num].Ystep<=getscrolly())IDs[num].Ydir=true;
moveidby(num, (IDs[num].Xdir)? IDs[num].Xstep :  -IDs[num].Xstep , (IDs[num].Ydir)?  IDs[num].Ystep:  -IDs[num].Ystep);
}
function getnewprops(num){
IDs[num].Ydir=Math.floor(Math.random()*2)>0;
IDs[num].Xdir=Math.floor(Math.random()*2)>0;
IDs[num].Ystep=Math.ceil(Math.random()*Ymax);
IDs[num].Xstep=Math.ceil(Math.random()*Xmax)
setTimeout('getnewprops('+num+')', Math.floor(Math.random()*Tmax));
}
function getscrollx(){
if(NS4 || NS6)return window.pageXOffset;
if(IE4)return document.body.scrollLeft;
}
function getscrolly(){
if(NS4 || NS6)return window.pageYOffset;
if(IE4)return document.body.scrollTop;
}
function getid(name){
if(NS4)return document.layers[name];
if(IE4)return document.all[name];
if(NS6)return document.getElementById(name);
}
function moveidto(num,x,y){
if(NS4)IDs[num].moveTo(x,y);
if(IE4 || NS6){
IDs[num].style.left=x+'px';
IDs[num].style.top=y+'px';
}}
function getidleft(num){
if(NS4)return IDs[num].left;
if(IE4 || NS6)return parseInt(IDs[num].style.left);
}
function getidtop(num){
if(NS4)return IDs[num].top;
if(IE4 || NS6)return parseInt(IDs[num].style.top);
}
function moveidby(num,dx,dy){
if(NS4)IDs[num].moveBy(dx, dy);
if(IE4 || NS6){
IDs[num].style.left=(getidleft(num)+dx)+'px';
IDs[num].style.top=(getidtop(num)+dy)+'px';
}}
function getwindowwidth(){
if(NS4 || NS6)return window.innerWidth;
if(IE4)return document.body.clientWidth;
}
function getwindowheight(){
if(NS4 || NS6)return window.innerHeight;
if(IE4)return document.body.clientHeight;
}
function init(){
wind_w=getwindowwidth();
wind_h=getwindowheight();
for(i=0; iIDs[i]=getid('pic'+i);
if(NS4){
IDs[i].W=IDs[i].document.images["p"+i].width;
IDs[i].H=IDs[i].document.images["p"+i].height;
}
if(NS6 || IE4){
IDs[i].W=document.images["p"+i].width;
IDs[i].H=document.images["p"+i].height;
}
getnewprops(i);
moveidto(i , Math.floor(Math.random()*(wind_w-IDs[i].W)), Math.floor(Math.random()*(wind_h-IDs[i].H)));
if(NS4)IDs[i].visibility = "show";
if(IE4 || NS6)IDs[i].style.visibility = "visible";
startfly=setInterval('moveimage('+i+')',Math.floor(Math.random()*100)+100);
}}
function hidebutterfly(){
for(i=0; iif (IE4)
eval("document.all.pic"+i+".style.visibility='hidden'")
else if (NS6)
document.getElementById("pic"+i).style.visibility='hidden'
else if (NS4)
eval("document.pic"+i+".visibility='hide'")
clearInterval(startfly)
}
}
if (NS4||NS6||IE4){
window.onload=init;
window.onresize=function(){ wind_w=getwindowwidth(); wind_h=getwindowheight(); }
}
الفتى النبيل
الفتى النبيل
مشرف الدردشة
عدد المساهمات : 44
تاريخ التسجيل : 10/06/2013

كود html لعمل بالونات تطير فى المنتدى Empty رد: كود html لعمل بالونات تطير فى المنتدى

السبت يونيو 15, 2013 12:47 am
باارك الله فيك اخي اكريم في انتظار الجديد من المساهمات
titoelatar
titoelatar
نائب الادارة
عدد المساهمات : 29
تاريخ التسجيل : 15/07/2013

كود html لعمل بالونات تطير فى المنتدى Empty رد: كود html لعمل بالونات تطير فى المنتدى

الإثنين يوليو 15, 2013 7:25 am
شكرااااااااا على الكود
3LTWER
3LTWER
عدد المساهمات : 19
تاريخ التسجيل : 16/07/2013

كود html لعمل بالونات تطير فى المنتدى Empty رد: كود html لعمل بالونات تطير فى المنتدى

الأربعاء يوليو 17, 2013 12:30 am
شكرا أخي وبارك الله فيكم

على هذا الطرح

ننتظر جديد مواضيعك

سلامي..
ستوك تايمز
ستوك تايمز
عدد المساهمات : 32
تاريخ التسجيل : 16/07/2013

كود html لعمل بالونات تطير فى المنتدى Empty رد: كود html لعمل بالونات تطير فى المنتدى

الجمعة يوليو 19, 2013 10:52 am
بارك الله فيك
جزيل الشكر والتقدير
جهودك رائعة
ننتظر جديدك
احلى تطوير
احلى تطوير
عدد المساهمات : 16
تاريخ التسجيل : 22/07/2013

كود html لعمل بالونات تطير فى المنتدى Empty رد: كود html لعمل بالونات تطير فى المنتدى

الإثنين يوليو 22, 2013 2:23 am
بارك الله فيك على الموضوع المميز و جزآآك ألف خير
walid95
walid95
عدد المساهمات : 21
تاريخ التسجيل : 07/08/2013

كود html لعمل بالونات تطير فى المنتدى Empty رد: كود html لعمل بالونات تطير فى المنتدى

الأربعاء أغسطس 07, 2013 4:19 pm
شكرآ جزيلا على الموضوع الرائع
الرجوع الى أعلى الصفحة
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى