منتدى استراحات زايد - [ Animated Navigation With CSS+Jquery] تصميم قائمه مع تأثير جكوارى مذهل ! .

Animated Navigation
CSS+Jquery
By AmrAbdelaziz
عمل تحريك لقائمه بإستخدام الجكوارى

http://filaty.com/i/1110/61853/poster.png
Demo
-----------------
تحميل ملفات الدرس الجكوارى والصوره والاندكس كامل الملفات
Download
--------------------------------------------
Tutorail on Youtube
الدرس الاول : Link
الدرس الثانى : Link
------------------

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

Home
Services
Portfolio
Blog
About
Contact

-----------------
CSS
# رمز PHP:

navigation { height:40px; width:555px; margin:auto; margin-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

</div>أتمنى الدرس يعجبكم
تم عمل الدرس بواسطتى عمرو عبد العزيز

</div></div>