أخبر صديقك عن موقعنا |
المواضيع الأخيرة
الفتاوي
كود تساقط الصور من الهيدر بشكل عشوائي رووعة + مثال
صفحة 1 من اصل 1
كود تساقط الصور من الهيدر بشكل عشوائي رووعة + مثال
مثال
السلام عليكم ورحمة الله وبركاتة
جايب لكم كود لتساقط الصور بشكل عشوائي
مما يضيف للمواقع حيوية وبعض النشاط
وطبعاً يمكن تغير وزيادة عدد الصور براحتك
لتغير الصور
غير في المسار التالي حسب الصوره إللي تريدها
images/icons/66[1].gif
شرح بسيط لطريقة التغير
element_info[0]=new Array("./images/icons/66[1].gif",35,35,0);
مسار الصورة هوو إللي لونة احمر
طول وعرض الصورة إللي لونة ازرق
طبعاً عندنا بالكود 3 صور
جايب لكم كود لتساقط الصور بشكل عشوائي
مما يضيف للمواقع حيوية وبعض النشاط
وطبعاً يمكن تغير وزيادة عدد الصور براحتك
لتغير الصور
غير في المسار التالي حسب الصوره إللي تريدها
images/icons/66[1].gif
شرح بسيط لطريقة التغير
element_info[0]=new Array("./images/icons/66[1].gif",35,35,0);
مسار الصورة هوو إللي لونة احمر
طول وعرض الصورة إللي لونة ازرق
طبعاً عندنا بالكود 3 صور
- الكود:
<!-- بداية كود نزول الصور شبكة أطياف النجوم -->
<script type="text/javascript" language="Javascript1.2">
var element_info = new Array();
///////////// Only Edit these lines ////////////////
var num_elements=13, speed=70, slider=30, fallmax=8, wind=2;
element_info[0]=new Array("./images/icons/66[1].gif",35,35,0);
element_info[1]=new Array("./images/smilies/11rob.gif",16,14,0);
element_info[2]=new Array("./images/icons/66[1].gif",35,35,0);
//////////////////////////////////////////////////////////////////
var css_img_style = " style='border: 0px; background-color: transparent;' ";
var css_layerdiv = " style='background-color: transparent;' ";
var o=new Array(), stopfall=1;
var ns4 = (document.layers)? true : false;
var ie4 = (document.all)? true : false;
var ns6 = (document.getElementById&&!document.all)? true : false;
if(ie4) falllayer = "document.all['gf'+i].style";
if(ns4) falllayer = "document.layers['gf'+i]";
if(ns6) falllayer = "document.getElementById('gf'+i).style";
function winWid() {
return (ns4||ns6) ? window.innerWidth : document.body.clientWidth;
}
function winHei() {
return (ns4||ns6) ? window.innerHeight : document.body.clientHeight;
}
function winOfy(){
return (ns4||ns6) ? window.pageYOffset : document.body.scrollTop;
}
function stopFall(){
if (stopfall==1)
{
clearTimeout(dofall);
for (i = 0; i < num_elements; i++)
{
with(eval(falllayer))
{
top = 0;
left = -500;
}
}
stopfall = 0;
}else{
stopfall = 1;
fall();
}
}
function newobj(q,t){
x=parseInt(Math.random()*element_info.length);
spin = parseInt(Math.random()*slider);
spin = (Math.random()>0.5) ? spin : -spin;
o[q] = new Array(
parseInt(Math.random()*(winWid()-slider)), //0
-30, // 1
spin, // 2
0.02+Math.random()/10, // 3
parseInt(1+Math.random()*fallmax), // 4
element_info[x][1], // 5
element_info[x][2], // 6
element_info[x][0], // 7
element_info[x][3], // 8
0 // 9
);
if(t==1)
{
if(ns4)
{
document.write('<layer '+css_layerdiv+' name="gf'+q+'" left="0" top="0" visibility="show"><img src="'+o[q][7]+'" border="0"></layer>');
}
if(ie4||ns6)
{
document.write('<img '+css_img_style+' src="'+o[q][7]+'" border="0" id="gf'+q+'" style="POSITION: absolute; Z-INDEX: -'+q+'; VISIBILITY: visible; TOP: 0px; LEFT: 0px;">');
}
}
if(t==0 && !ns4)
{
tem=(ie4)? document.all['gf'+q] : document.getElementById('gf'+q);
tem.src=o[q][7];
}
}
function fall(){
for (i = 0; i < num_elements; i++)
{
if((o[i][1]>winHei()-o[i][6]-10) || (o[i][0]>winWid()-slider-o[i][5]))
{
newobj(i,0);
}
o[i][1] += o[i][4];
o[i][0] += wind;
o[i][9] += o[i][3];
sizexy = (o[i][8]==1)? Math.sin(o[i][9]) : 1;
lay = (ie4)? sizexy : parseInt(sizexy+1);
with(eval(falllayer))
{
top = o[i][1] + winOfy();
left = o[i][0] + o[i][2]*Math.cos(o[i][9]);
if(!ns4)
{
zIndex = lay;
width = parseInt(((o[i][5]/4)*3)+((o[i][5]/4)*sizexy));
height = parseInt(((o[i][6]/4)*3)+((o[i][6]/4)*sizexy));
}
}
}
dofall = setTimeout("fall()", speed);
}
for (i = 0; i < num_elements; i++)
{
newobj(i,1);
}
dofall = setTimeout("fall()", 100);
document.write('<a href="Javascript:stopFall();"></a>');
</script>
<!-- نهاية كود نزول الصور شبكةأطياف النجوم -->
مواضيع مماثلة
» كود اضفنا للمفضلة واجعلنا صفحه رئيسيه بشكل رائع جدا مع مثال وسهل التركيب
» كود تغيير شكل الاقسام تأطيره لها مع مثال
» كود لوحة شرف المنتدى (يوجد مثال)
» كود 4 بنرات كبيرة رووعة وخفيف لا يفوتكم
» كود هلا بالطش و الرش و البيض المفقش .. حرركة رووعة :$
» كود تغيير شكل الاقسام تأطيره لها مع مثال
» كود لوحة شرف المنتدى (يوجد مثال)
» كود 4 بنرات كبيرة رووعة وخفيف لا يفوتكم
» كود هلا بالطش و الرش و البيض المفقش .. حرركة رووعة :$
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
3/10/2013, 04:05 من طرف محمد طه
» معجم بلدان العالم (وفق آخر التطورات السياسية مع خرائط وأحداث البيانات الإحصائية ) معجم 18
6/4/2011, 02:10 من طرف أحمدالشرقااوي
» معجم الكيمياء والصيدلة معجم 17
26/6/2010, 11:10 من طرف marmaora
» اجعل موقعنا الصفحه الرئيسيه(غير الرابط)
30/1/2010, 14:35 من طرف Admin
» عدد الزوار
30/1/2010, 14:31 من طرف Admin
» احوال الطقس في المدن
30/1/2010, 14:23 من طرف Admin
» محرك بحث لصفحه نفس عمل مفتاح (ctrl+F)
30/1/2010, 14:21 من طرف Admin
» محرك بحث قوقل
30/1/2010, 14:19 من طرف Admin
» محرك بحث بقائمه منسدله (عدد من محركات البحث)
30/1/2010, 14:17 من طرف Admin
» ساعه رقميه بخلفيه فضيه ولون خط الساعه اسود يمكنك التعديل عليه
30/1/2010, 14:15 من طرف Admin
» الساعه والتاريخ (بلاشهر ولايام )ميلادي
30/1/2010, 14:14 من طرف Admin
» الساعة والتاريخ
30/1/2010, 14:12 من طرف Admin
» تواقيت دول العالم تستطيع الاضافه بوضع اسم المدينه+فرق التوقيت
30/1/2010, 14:11 من طرف Admin
» كود القوائم المنسدله (اقسام الموقع والمنتدى) غير الروابط +امكانيه الاضافه
30/1/2010, 14:09 من طرف Admin
» ساعة رقمية بثواني
30/1/2010, 14:08 من طرف Admin
» شروح الحديث الشريف
19/1/2010, 09:11 من طرف Admin
» حقائق الإسلام فى مواجهة شبهات المشككين
19/1/2010, 09:03 من طرف Admin
» القرآن الكريم بالتشكيل والشرح
19/1/2010, 08:58 من طرف Admin
» استمع للقران الكريم
15/1/2010, 19:43 من طرف Admin
» كود عرض الوقت الممضي
12/1/2010, 19:27 من طرف Admin
» كود رابط إغلاق النافذة
12/1/2010, 19:25 من طرف Admin
» كود زر العودة إلى الخلف ( الرجوع الى الصفحة السابقة )
12/1/2010, 19:23 من طرف Admin
» كود ابحث في الصفحة
12/1/2010, 19:22 من طرف Admin
» كود زر طباعة الصفحة
12/1/2010, 19:20 من طرف Admin
» كود تعيين صفحة الويب كصفحة بداية
12/1/2010, 19:19 من طرف Admin
» كود رسائل التنبيه
12/1/2010, 19:18 من طرف Admin
» كود ابحث في الصفحة
12/1/2010, 19:15 من طرف Admin
» كود اعلن معنا رائع ومجرب
12/1/2010, 18:16 من طرف Admin
» أضف سيرتك الذاتية و شاهد الوظائف المعروضة لدينا
11/1/2010, 22:06 من طرف Admin
» لمسات لديكور المنزل
11/1/2010, 00:37 من طرف Admin
» مكتبة البرامج
10/1/2010, 23:30 من طرف Admin
» التوعية والسلامة العــــــــامة
10/1/2010, 21:28 من طرف Admin
» بث مباشر لكاميرات العالم
10/1/2010, 21:25 من طرف Admin
» فيدو للتواصل 5000 مقطع
10/1/2010, 21:23 من طرف Admin
» حالة الطقس
10/1/2010, 21:20 من طرف Admin
» اختبر انجليزتك
10/1/2010, 21:16 من طرف Admin
» معاني الاسماء
10/1/2010, 21:08 من طرف Admin
» حكم وامثال
10/1/2010, 21:06 من طرف Admin
» بنك المعلومات
10/1/2010, 21:04 من طرف Admin
» اختبر معلوماتك 1
10/1/2010, 21:02 من طرف Admin
» زخارف الاسمــاء
10/1/2010, 20:58 من طرف Admin
» احسب عمرك
10/1/2010, 20:54 من طرف Admin
» مسجات الجوال
10/1/2010, 20:51 من طرف Admin
» الاسرة .....
10/1/2010, 20:41 من طرف Admin
» استشارات لمختلف المجالات مجانا
10/1/2010, 20:37 من طرف Admin
» عالم الاطفال
10/1/2010, 20:32 من طرف Admin
» مطبخ حواء
10/1/2010, 20:29 من طرف Admin
» عالم حواء
10/1/2010, 20:25 من طرف Admin
» موسوعة الاطفال
10/1/2010, 20:21 من طرف Admin
» حكايات للمسلم الصغير
10/1/2010, 20:13 من طرف Admin