مسج EasyUI تخطيط - خلق نمط ترك XP لوحة
في ظل الظروف العادية، المجلد ملف Windows XP إكسبلورر، لوحة (لوحة) على الجانب الأيسر يحتوي على بعض المهام المشتركة. هذا البرنامج التعليمي يظهر لك كيفية easyui لوحة (لوحة) المساعد لخلق XP اللوحة اليسرى.
تعريف لوحة (لوحة)
ونحن نعرف بعض لوحة (لوحة)، وهذه الألواح (لوحة) لعرض عدد من المهام. يجب أن يكون كل لوحة (لوحة) تتكشف زر على الأقل للطي / الأداة.
التعليمات البرمجية كما يلي:
<أسلوب الدرجة = "العرض: 200px؛ الطول: السيارات؛ الخلفية: # 7190E0؛ الحشو: 5px؛"> <div الطبقة = "لوحة easyui" عنوان = "مهام الصور" للطي = "صحيح" على غرار = "العرض: 200px؛ الطول: السيارات؛ الحشو: 10px؛"> مشاهدة كعرض شرائح <BR/> طلب نسخ مطبوعة <BR/> على الانترنت طباعة الصور </ div> <BR/> <فئة الدرجة = "لوحة easyui" عنوان = "مهام الملفات والمجلدات" للطي = "صحيح" على غرار = "العرض: 200px؛ الطول: السيارات؛ الحشو: 10px؛"> جعل <BR/> مجلد جديد نشر هذا المجلد إلى <BR/> الويب مشاركة هذا المجلد </ div> <BR/> <div الطبقة = "لوحة easyui" عنوان = "أماكن أخرى" لطي = "صحيح" انهار = "صحيح" على غرار = "العرض: 200px؛ الطول: السيارات؛ الحشو: 10px؛"> نيويورك <BR/> بلدي صور <BR/> جهاز الكمبيوتر <BR/> مواضع شبكة الاتصال </ div> <BR/> <div الطبقة = "لوحة easyui" عنوان = "تفاصيل" للطي = "صحيح" على غرار = "العرض: 200px؛ الطول: السيارات؛ الحشو: 10px؛"> المستندات <BR/> ملف مجلد <BR/> <BR/> تاريخ تعديل: Oct.3rd 2010 </ div> </ div>
لوحة مخصصة (لوحة) من ظهور
يرجى ملاحظة أن هذا الرأي المظهر ليس ما نريد، ونحن يجب أن تتغير لوحة (لوحة) صورة خلفية رأس وانهيار / توسيع رمز زر.
ليس من الصعب القيام به، ونحن بحاجة إلى القيام به هو إعادة تعريف بعض CSS.
. لوحة للجسم { الخلفية: # f0f0f0؛ } . لوحة-رأس { خلفية: رابط # الاتحاد الفرنسي ( 'الصور / panel_header_bg.gif') عدم تكرار أعلى اليمين. } . لوحة أداة الانهيار { خلفية: رابط ( 'الصور / arrow_up.gif') عدم تكرار 0px -3px. } . لوحة-أداة توسيع { خلفية: رابط ( 'الصور / arrow_down.gif') عدم تكرار 0px -3px. }
وهكذا، easyui واجهة مستخدم مخصصة استخدام بسيطة جدا.