بعض من اكواد الجافا

السلام عليكم ورحمة الله

{ مـكـتـبـة أكـواد الـجـافـا }

{ الساعات و التاريخ }

ساعة ذات خلفية سوداء

طريقة التركيب

1- انسخ هذا الكود و ضعه في منطقة HEAD

2- انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY

ساعة في أعلى و يسار الصفحة

طريقة التركيب

1- أضف هذا المتغير للوسم BODY لتبدو مثل هذه

2- انسخ هذا الكود و ضعه بعد الوسم BODY

ساعة ضمن مستطيل - ساعات + دقائق + ثواني

طريقة التركيب

1- انسخ هذا الكود و ضعه في منطقة HEAD

2- أضف المتغير للوسم BODY لتبدو مثل هذه

3- انسخ هذا الكود و ضعه بعد الوسم BODY

ساعة ضمن مستطيل صغير - ( am - fm )

طريقة التركيب

1- انسخ هذا الكود و ضعه في منطقة HEAD

2- انسخ هذا الكود و ضعه في المكان الذي تريد أن تظهر الساعة

ساعة حائط ملونة

طريقة التركيب

1- انسخ هذا الكود و ضعه في منطقة BODY

سكربت لتواقيت دول العالم

طريقة التركيب

انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY

عرض الساعة و التاريخ

طريقة التركيب

انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY

تغيير لون الصفحة بضطة زر

طريقة التركيب

1- انسخ هذا الكود و ضعه في منطقة HEAD

2- انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY



إضغط هنا لتغيير لون الصفحة

غير لون الصفحة بمجرد مرور الماوس على اسم اللون

طريقة التركيب

انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY

مرر

    فأرتك على أحد الألوان


    [أخضر]

    [أخضر فاتح] [
    onmouseover="document.bgColor='seagreen'">أخضر عفني] [
    onmouseover="document.bgColor='red'">أحمر]


    [وردي غامق] [
    onmouseover="document.bgColor='fusia'">فوشي] [
    onmouseover="document.bgColor='pink'">وردي] [
    onmouseover="document.bgColor='purple'">بنفسجي]


    [كحلي] [
    onmouseover="document.bgColor='blue'">أزرق] [
    onmouseover="document.bgColor='royalblue'">أزرق ملكي] [
    onmouseover="document.bgColor='Skyblue'">أزرق سماوي]


    [أصفر] [
    onmouseover="document.bgColor='brown'">بني] [
    onmouseover="document.bgColor='almond'">أحمر قاني] [
    onmouseover="document.bgColor='white'">أبيض]


    [أسود] [
    onmouseover="document.bgColor='coral'">مشمشي] [

كود ألعاب نارية



طريقة التركيب



انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY



































  
غير لون الصفحة حسب رمز اللون



طريقة التركيب



1- انسخ هذا الكود و ضعه في منطقة HEAD















  
2- انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY



  






















أحمر
أخضر
أزرق
















  
جدول يحتوي على 512 كود للألوان



طريقة التركيب



انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY









  


                غير لون الصفحة بمجرد مرور الماوس على اسم اللون



طريقة التركيب



1- انسخ هذا الكود و ضعه في منطقة HEAD





  
2- انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY



 







  
تغيير ألوان شريط تحريك الصفحة الجانبي و السفلي



طريقة التركيب



انسخ هذا الكود و ضعه في منطقة HEAD



  
كلمات تظهر في شريط المعلومات السفلي



طريقة التركيب



1- انسخ هذا الكود و ضعه في منطقة HEAD





  


2- ضع هذه الرموز ضمن الوسم BODY لتصبح هكذا





 
كلام ثابت في شريط المعلومات السفلي



طريقة التركيب



1- انسخ هذا الكود و ضعه في منطقة HEAD





  
2- ضع هذه الرموز ضمن الوسم BODY لتصبح هكذا





  
التاريخ و الوقت في شريط المعلومات السفلي 







طريقة التركيب



1- انسخ هذا الكود و ضعه في منطقة HEAD





theTime = window.setTimeout("runClock()", 1000);

var today = new Date();

var display= today.toLocaleString();

status=display;

}

// End -->

  


                2- ضع هذه الرموز ضمن الوسم BODY لتصبح هكذا





  
ساعة تظهر في شريط المعلومات السفلي



طريقة التركيب



انسخ هذا الكود و ضعه في منطقة BODY

     



  
ظهور شرح للرابط في الشريط السفلي



طريقة التركيب



ضع هذا الكود بعد الوسم BODY في المكان الذي تريده





اسم الرابط 
كلام متحرك يظهر في البار العلوي للصفحة





طريقة التركيب



انسخ هذا الكود و ضعه في منطقة HEAD







    
صفحة تفتح بشكل تلقائي عند الخروج من الموقع



طريقة التركيب



1- انسخ هذا الكود و ضعه في منطقة HEAD





  
2- أضف هذا الكود ضمن الوسم BODY ليصبح مثل هذا



  
ظهور صفحة لا تمكن الزائر من تكبيرها



طريقة التركيب



انسخ هذا الكود و ضعه في منطقة HEAD



  


اعلان مثل رسالة الماسنجر يختفي بعد الوقت الذي تحدده



طريقة التركيب



1- انسخ هذا الكود و ضعه في منطقة BODY







  
ثلاثة صور تظهر بالتناوب - يمكن زيادة عددها و التحكم بسرعة ظهورها



طريقة التركيب



1- انسخ هذا الكود و ضعه في منطقة HEAD







  
2- أضف هذا الكود ضمن الوسم BODY لتصبح هكذا



  
3- انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY و لا تنسى تعديل الروابط









 
صورة يستطيع تحريكها الزائر الى اليمين و اليسار



استعمل A لتحريك الصورة الى اليسار, D لتحريكها الى اليمين



طريقة التركيب



1- ضع هذا الكود في الرأس HEAD

















  

  
والسلام عليكم


انتظرونا في الجديد

بعض من اكواد الجافا

التعليقات (0)

آخر التحديثات