تخطيط مسج EasyUI - إضافة علامة تبويب التشغيل التلقائي (علامات)
هذا البرنامج التعليمي سوف تظهر لك كيفية إنشاء علامات التشغيل التلقائي. يعرض عنصر علامات التبويب لوحة التبويب الأولى، ثم عرض الثانية والثالثة ... ونحن سوف يكتب بعض رمز للتبديل لوحات التبويب تلقائيا، ثم السماح لها دورة.
الخطوة 1: إنشاء علامات التبويب
<شعبة معرف = "ترينيداد وتوباغو" الطبقة = "easyui علامات التبويب" على غرار = "العرض: 330px؛ الطول: 270px؛"> <div عنوان = "Shirt1" على غرار = "الحشو: 20px؛"> على <img SRC = "صور / shirt1.gif"> </ div> <div عنوان = "Shirt2" على غرار = "الحشو: 20px؛"> على <img SRC = "صور / shirt2.gif"> </ div> <div عنوان = "Shirt3" على غرار = "الحشو: 20px؛"> على <img SRC = "صور / shirt3.gif"> </ div> <div عنوان = "Shirt4" على غرار = "الحشو: 20px؛"> على <img SRC = "صور / shirt4.gif"> </ div> <div عنوان = "Shirt5" على غرار = "الحشو: 20px؛"> على <img SRC = "صور / shirt5.gif"> </ div> </ div>
الخطوة 2: كتابة كود التشغيل التلقائي
مؤشر فار = 0؛ فار ر = $ ( '# ترينيداد وتوباغو')؛ فار علامات التبويب = t.tabs ( 'علامات')؛ setInterval (وظيفة () { t.tabs ( 'اختر'، علامات [المؤشر]. لوحة ( 'خيارات') عنوان.)؛ مؤشر ++؛ إذا (المؤشر> = tabs.length) { مؤشر = 0؛ } }، 3000)؛
كما ترون، فإننا ندعو نهج "علامات" للحصول على كل لوحات التبويب، واستخدام وظيفة "setInterval" للتبديل لها.