1. المٌقدمة الأولي :دورة إختبار ثغرات حقن قواعد البيانات SQLI الإحترافية لعام 2017 عام 2018
    تٌعد ثغرات حقن قواعد البينات الثغرة رقم واحد فى العالم والمصنفة تحت بند الإخطر
    والفريق التابع له بإختراق أكبر المواقع الصهيونية قرائة الموضوع
  2. المٌقدمة الثانية : دورة إختبار ثغرات حقن قواعد البيانات SQLI الإحترافية لعام 2017 عام 2018
    في هذه المٌثقدمة الثانية والأخيرة سوف نتعرف على قواعد علم حقن قواعد البيانات
    حتى يتثنى لنا علم يٌساعدنا على القيام بعمليات الحقن بالطرق الصحيحه قرائة الموضوع
  3. دورة كشف دمج والتلغيم حصريا على أرض عراق تيم(2017)
    بعد ماقمت بعمل دورة الكشف دمج والتلغيم وستكملت الدوره وتحتوي على 12 درس
    كانت دروس حصريا على عراق تيم وشرح واضح جدا ومفهوم الى المبتدأ والى المبدع قرائة الموضوع

حصريآ تصميم قائمه مع تأثير جكوارى مذهل CSS+Jquery

الموضوع في 'قسم تطوير المنتديات' بواسطة عمرو عبد العزيز, بتاريخ ‏8 نوفمبر 2011.

كاتب الموضوع : عمرو عبد العزيز المشاهدات : 2,209 الردود : 5 ‏8 نوفمبر 2011
حالة الموضوع:
مغلق
  1. غير متصل

    عمرو عبد العزيز
    rank
    Developer

    عضو منذ:
    ‏8 نوفمبر 2011
    عدد المشاركات:
    الإعجابات المتلقاة:
    0
    نقاط الجائزة:
    الإقامة:

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

    اليوم درسنا حصري لمنتديات عراق تيم

    Animated Navigation
    CSS+Jquery


    عمل تحريك لقائمه بإستخدام الجكوارى

    [​IMG]
    Demo
    -----------------
    تحميل ملفات الدرس الجكوارى والصوره والاندكس كامل الملفات
    Download
    --------------------------------------------
    Tutorail on Youtube
    الدرس الاول : Link
    الدرس الثانى : Link
    ------------------

    لو فى موسيقى فأعذرونى صوت التلفاز والشارع &:" المايك بتاعى بيلقط موت )3:"
    -----------------------------------------------
    الدرس كتابى
    HTML
    كود PHP:

                                   
    <div id="navigation">
            <
    ul id="nav">
            <
    li><a href="#">Home</a></li>
            <
    li><a href="#">Services</a></li>
            <
    li><a href="#">Portfolio</a></li>
            <
    li><a href="#">Blog</a></li>
            <
    li><a href="#">About</a></li>
            <
    li><a href="#">Contact</a></li>
            </
    ul>
     </
    div><!-- [ #navigation ] -->  
    -----------------
    CSS
    #
    كود PHP:

                               navigation 
    height:40pxwidth:555pxmargin:automargin-top:25px; }
        
    ul#nav { margin:0; padding:0; list-style-type:none; font-size:0.8em; }
        
    ul#nav li { margin:0; padding:0; overflow:hidden; float:left; height:40px; }
        
    ul#nav a, ul#nav span { padding:0 20px; float:left; text-decoration:none; color:#fff; background:url(a_bg.gif) repeat-x; text-transform:uppercase; clear:both; height:40px; line-height:40px; }
        
    ul#nav a { color: #555; background-position: left bottom; }
        
    ul#nav span { background-position: left top; }  
    ---------------------
    JQuery in Head tag
    <
    كود PHP:

    script type
    ="text/javascript" src="js/jquery-1.3.2.min.js"></script>
    <
    script type="text/javascript">
        $(
    document).ready(function() {
        $(
    "#nav li").prepend("<span></span>"); //Throws an empty span tag right before the a tag
        
    $("#nav li").each(function() { //For each list item...
          
    var linkText = $(this).find("a").html(); //Find the text inside of the <a> tag
          
    $(this).find("span").show().html(linkText); //Add the text in the <span> tag
        
    }); 
        $(
    "#nav li").hover(function() {    //On hover...
            
    $(this).find("span").stop().animate({
                
    marginTop"-40" //Find the <span> tag and move it up 40 pixels
            
    }, 250);
        } , function() { 
    //On hover out...
            
    $(this).find("span").stop().animate({
                
    marginTop"0"  //Move the <span> back to its original state (0px)
            
    }, 250);
        });
    });
    </
    script>  
    أتمنى الدرس يعجبكم
    تم عمل الدرس بواسطتى عمرو عبد العزيز
     


    جاري تحميل الصفحة...
  2. غير متصل

    Dr.MOT Support
    إدارة الموقع

    عضو منذ:
    ‏2 سبتمبر 2011
    عدد المشاركات:
    الإعجابات المتلقاة:
    5,590
    نقاط الجائزة:
    الجنس:
    ذكر
    الوظيفة:
    طالب
    الإقامة:

    رد: حصريآ تصميم قائمه مع تأثير جكوارى مذهل CSS+Jquery

    وعليكم السلام ورحمة الله وبركاته
    الله يعطيك العافيه يابطل
    جاري المشاهده والعوده بأذن الله
    )5:")5:")5:"
     


  3. غير متصل

    Hacker Time
    rank
    Developer

    عضو منذ:
    ‏11 سبتمبر 2011
    عدد المشاركات:
    الإعجابات المتلقاة:
    0
    نقاط الجائزة:
    الإقامة:

    رد: حصريآ تصميم قائمه مع تأثير جكوارى مذهل CSS+Jquery

    آقسم انت كفو !:"
     


  4. غير متصل

    Microsoft
    V • I • P

    عضو منذ:
    ‏26 أكتوبر 2011
    عدد المشاركات:
    الإعجابات المتلقاة:
    2
    نقاط الجائزة:
    الإقامة:

    رد: حصريآ تصميم قائمه مع تأثير جكوارى مذهل CSS+Jquery

    يسلموووو يابطل &:"
     


  5. غير متصل

    SAMEH
    rankrank
    V • I • P

    عضو منذ:
    ‏24 سبتمبر 2011
    عدد المشاركات:
    الإعجابات المتلقاة:
    0
    نقاط الجائزة:
    الإقامة:

    رد: حصريآ تصميم قائمه مع تأثير جكوارى مذهل CSS+Jquery

    تسلم يمينك يابطل ^:"
     


  6. غير متصل

    ايمن
    rank
    Developer

    عضو منذ:
    ‏5 نوفمبر 2011
    عدد المشاركات:
    الإعجابات المتلقاة:
    0
    نقاط الجائزة:

    رد: حصريآ تصميم قائمه مع تأثير جكوارى مذهل CSS+Jquery

    السلام عليكم ورحمه الله وبركاته
    مشكور علي المجهود الكبير دا ياغالي
    *:"
     


حالة الموضوع:
مغلق

مشاركة هذه الصفحة

جاري تحميل الصفحة...