|
|
|
#1
05-06-2010, 10:27 PM
|
|||
|
|||
كيفية استخدام القوائم المتحركة المشهورةtabs
 من أروع الامثلة التى يستخدمها المبرمجين فى برمجياتهم هى هذه القوائم الرائعة فى هذا الموضوع سوف نتعرف على كيفية استخدامها بكل سهولة ويسر اولا شاهد هذه الأمثلة الرائعة لقوائم tabs المتحركة: اضغــــــط هــــــــنا لتحميل ملفات المجموعة : اضغــــــط هــــــنا طريقة الأستخدام : طبعا يوجد أمثلة كثيرة راح نأخذ مثال مشهور وهو تحت عنوان tabs اولا: نستدعى ملفات الJavaScript view source print? 1.<script type="text/javascript" src="/JavaScript/jquery-1.3.2.min.JavaScript"></script> 2.<script type="text/javascript" src="/JavaScript/jquery-ui-1.7.2.custom.min.JavaScript"></script> ثانيا: نطبق امر تنفيذ فانكشن الانسدال لل tabs view source print? 1.<script type="text/javascript"> 2. $('#tabs').tabs(); 3./script> ثالثا: لعمل قوائم كيف ما يحلو لك لابد ان يكون href هو نفس id اللى راح يحوى الكلام الخاص بكل زر شوف: view source print? 01.<div id="tabs"> 02.<ul> 03.<li><a href="#tabs-1">First</a></li> 04.<li><a href="#tabs-2">Second</a></li> 05.<li><a href="#tabs-3">Third</a></li> 06.</ul> 07.<div id="tabs-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div> 08.<div id="tabs-2">Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</div> 09.<div id="tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div> 10.</div> رابعا: كيفية تغيير الوان الازرار : افتح ملف css المسمى jquery-ui-1.7.2.custom.css اولا: لتغيير الخلفية للازرار: تحت عنوان : /* Component containers سوف تجد صورة الخلفية ولونها فى حالة عدم ظهور الصورة. ثانيا: لتغيير لون التأثير عند مرور الماوس hovering تحت عنوان : /* Interaction states سوف تجد التأثير .ui-state-hover عدل عليه مثل ما تريد....... ملاحظه اخيره : يوجد امثلة اخرى كثيره مع الملفات المرفقة فى ملف development bundle شوف demos
|
 |
| مواقع النشر (المفضلة) |
| الكلمات الدلالية (Tags) |
| المتحركة المشهورةtabs, كيفية استخدام القوائم |
| أدوات الموضوع | |
| انواع عرض الموضوع | |
|
|
اضغط هنا وادخل ايميلك حتى يصلك جديدنا
القسم العام - اخبار التقنيه - العاب كمبيوتر - برامج - دروس التصميم - مسجات - برامج و العاب جوال - لغات برمجه - تطوير منتديات - جوجل google - قوالب واستايلات - SEO و XML و RSS - هاكات - تطوير مواقع - نطاقات - استضافه - تبادل اعلانى - دروس فوتوشوب - - ملحقات فوتوشوب - فلاش - سويش ماكس - تصميم استايلات - العاب - مواقع عالميه - دروس فرونت بيج - دريم ويفر
العرض العادي
