النتائج 1 إلى 5 من 5

الموضوع: محاولة بسيطة لتقليد جزئي لشعار جوجل لهذا اليوم

  1. #1

    محاولة بسيطة لتقليد جزئي لشعار جوجل لهذا اليوم



    السلام عليكم ،


    رأيت شعار جوجل لهذا اليوم لإحياء الذكري الخامسة والسبعين لميلاد محرك العرائس الأمريكي جيم هانسون صانع برامج "المابيت شو" و"عالم سمسم" ، طبعا نقلت تلك المعلومة فقط و لا أعرف عنه شيئا
    على أي فالشعار أعجبني فقررت أن أكتب مثيلا له من حيث المبدأ ، فأخذ مني بضع دقائق حتى أنهيت النموذج الأول ،

    الغرض هو إعطاء فكرة لمن لا فكرة له عن طريقة تنفيذ هذه الحركات الجذّابة .

    التطبيق بسيط جدا ، و مكتبة JQuery للجافاسكربت ، و الصورة مأخوذة من جوجل نفسه .

    المثال الحي

    و هذه الصورة


    السورس موجودة في المثال .

    بالتوفيق .







  2. #2
    عضو فعال
    تاريخ التسجيل
    Feb 2008
    المشاركات
    1,589


    جزاك الله كل خير يا خالد
    وتم النشر في جروب جافا تار
    http://www.facebook.com/groups/jdevorcl/






  3. #3
    عضو فعال
    تاريخ التسجيل
    Dec 2008
    المشاركات
    1,897


    و عليكم السلام و رحمة الله و بركاته .
    حياك الله خالد كيف حالك؟
    لو وضعت Span ووضعت عليها خلفية شفافة بنسبة 0% حتى اذا سحب الرسم لا يتم سحبه ، بهذه الطريقة سيسحب الخلفية الشفافة فلا يظهر شيء مع السحب و الافلاتة و الا فالان يمكن سحبه .

    الامر الآخر عند حدث تحريك الفأرة فهو يتأخر قليلاً لذلك الأفضل التخلي عن الجافا سكريبت في تحريكه و انما عمل كلاسات بعدد الخلفيات الموجودة (جميع الحركات) و تغير فقط الكلاس عند مرور الفأرة على المنطقة مثلاً -145 درجة سيكون أخف و أسهل .

    شكراً لك .





    __________________
    راسلني

  4. #4


    أهلا محمد ، حمزة

    نعم أخي حمزة الإبداع في المسألة واسعة ، و بسبب الوقت قلت أعطي فكرة فقط و ليس تطبيق "محنّك"

    شكرا لك ، و الحمد لله أنا بخير ، لعلّك أنت أيضا بخير .

    حياكم الله .






  5. #5
    ينتظر رسالة التوكيد
    تاريخ التسجيل
    Jul 2011
    المشاركات
    77


    أهلا محمد ، حمزة

    نعم أخي حمزة الإبداع في المسألة واسعة ، و بسبب الوقت قلت أعطي فكرة فقط و ليس تطبيق "محنّك"

    شكرا لك ، و الحمد لله أنا بخير ، لعلّك أنت أيضا بخير .

    حياكم الله .
    يمكن ايضًا ان تستعمل خرائط html
    عدلت هذا الكود من هنا:
    http://www.w3schools.com/tags/tryit....ryhtml_areamap

    اعمل نسخ\لصق لتشاهد النتيجة:
    كود PHP:
    <html>
    <
    body>

    <
    p>Click on the sun or on one of the planets to watch it closer:</p>

    <
    img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap" />

    <
    map name="planetmap">
      <
    area shape="rect" coords="0,0,82,126" alt="Sun" onmouseover="alert('sun')"  />
      <
    area shape="circle" coords="90,58,3" alt="Mercury"  onmouseover="alert('mercury')"   />
      <
    area shape="circle" coords="124,58,8" alt="Venus"   onmouseover="alert('venus')"  />
    </
    map>

    </
    body>
    </
    html











ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  

أضف موقعك هنا| اخبار السيارات | حراج | شقق للايجار في الكويت | بيوت للبيع في الكويت | شركة كشف تسربات المياه | شركة عزل اسطح بالرياض | عزل فوم بالرياض| عزل اسطح بالرياض | كشف تسربات المياة بالرياض | شركة عزل اسطح بالرياض