Latest web development tutorials

مسج موبايل قائمة المحتويات


مسج قائمة موبايل أيقونة

افتراضيا، سيحتوي كل عنصر بالقائمة رمز السهم "قيراط ص" (السهم الأيمن). إذا كنت ترغب في تغيير هذا الرمز يمكن استخدام السمة رمز البيانات:

أمثلة

<-دور البيانات UL = "listview">
<لي> <a href="#"> افتراضي هو السهم الأيمن </A> </ لى>
<-رمز البيانات لي = "بالاضافة الى"> <a href="#">-رمز البيانات = "بالاضافة الى" </A> </ لى>
<-رمز البيانات لي = "ناقص"> <a href="#">-رمز البيانات = "ناقص" </A> </ لى>
<-رمز البيانات لي = "حذف"> <a href="#">-رمز البيانات = "حذف" </A> </ لى>
<بيانات رمز لي = "الموقع"> <a href="#">-رمز البيانات = "موقع" </A> </ لى>
<-رمز البيانات لي = "كاذبة"> <a href="#">-رمز البيانات = "كاذبة" </A> </ لى>
</ UL>

محاولة »
مذكرة أيقونة البيانات = "كاذبة" سوف إزالة رمز.

وأكثر اكتمالا زر الرموز مسج جوال، يرجى زيارة موقعنا على مسج موبايل دليل رمز المرجعي .


رمز 16X16

إذا كنت ترغب في إضافة إلى قائمة رمز معايير 16x16px، يمكنك إضافة عنصر <IMG> في عناصر القائمة واستخدام "واجهة المستخدم ليثيوم-رمز" فئة:

أمثلة

<-دور البيانات UL = "listview">
<li> و<a href="#"> <IMG SRC = "us.png" بديل = "الولايات المتحدة الأمريكية" الطبقة = "واجهة المستخدم ليثيوم-رمز"> الولايات المتحدة الأمريكية </A> </ لى>
</ UL>

محاولة »

قائمة مسج المحمول المصغرة

صورة أكبر من 16x16px، إضافة عنصر <IMG> في الارتباط.

سيتم تلقائيا جداول مسج موبايل الصورة ل80x80px:

أمثلة

<ul data-role="listview">
<li><a href="#"><img src="chrome.png"></a></li>
</ul>

محاولة »

استخدام HTML القياسية لإضافة قائمة من المعلومات:

أمثلة

<ul data-role="listview">
<li>
<a href="#">
<img src="chrome.png">
<h2>Google Chrome</h2>
<p>Google Chrome 免费的开源 web 浏览器。发布于 2008 年。</p>
</a>
</li>
</ul>

محاولة »


مسج قائمة موبايل أيقونة

في قائمة <IMG> عنصر يستخدم الطبقة = "واجهة المستخدم ليثيوم أيقونة" أضف 16x16px رمز:

أمثلة

<li><a href="#"><img src="us.png" alt="USA" class="ui-li-icon" >USA</a></li>

محاولة »


زر الانقسام

مسج الجوال في القائمة، فمن الضروري في بعض الأحيان لجعل خيارين مختلفين عن محتويات هذه العملية، ثم، والحاجة إلى خيارات تصل زر تجزئة. طريقة تجزئة هو تحقيق <li> وعنصر لإضافة عنصر <A>، فإنه يمكن تحقيق تأثير تقسيم الصفحة.

سوف مسج الجوال تلقائيا تعيين الوصلة الثانية السهم الأزرق رمز، يتم عرض الرمز عند نص الارتباط (إن وجدت) في المستخدم تحوم فوق رمز:

أمثلة

<ul data-role="listview">
<li>
<a href="#"><img src="chrome.png"></a>
<a href="#">Some Text</a>
</li>
</ul>

محاولة »

إضافة بعض الصفحات ومربعات الحوار لجعل العلاقة أكثر ميزة الغنية:

أمثلة

<ul data-role="listview">
<li>
<a href="#"><img src="chrome.png"></a>
<a href="#download" data-rel="dialog">下载浏览器</a>
</li>
</ul>

محاولة »


فقاعة الرقمية

وتستخدم أرقام فقاعة لعرض عدد يرتبط عنصر القائمة، مثل صندوق بريد:

لإضافة أرقام فقاعة، وذلك باستخدام العناصر المضمنة مثل <SPAN>، تعيين سمة فئة "واجهة المستخدم لى العد" وإضافة أرقام:

أمثلة

<ul data-role="listview">
<li><a href="#">收件箱<span class="ui-li-count" >25</span></a></li>
<li><a href="#">发件箱<span class="ui-li-count" >432</span></a></li>
<li><a href="#">垃圾箱<span class="ui-li-count" >7</span></a></li>
</ul>

محاولة »

ملاحظة: العرض الصحيح من فقاعة الرقمية، يجب تعديل البرمجة. وسيتم شرح ذلك في فصول لاحقة.


أمثلة

مزيد من الأمثلة

قائمة البوب
كيفية إنشاء قائمة البوب

تغيير عناصر القائمة رمز الارتباط الافتراضي
كيفية تعيين عناصر القائمة رمز الارتباط الافتراضي (الافتراضي السهم الأيمن).

قائمة البوب قابلة للطي
كيفية إنشاء قائمة للطي البوب.

قائمة قابلة للطي
كيفية إنشاء إظهار / إخفاء قائمة.

المزيد من الأشكال
كيفية إنشاء تقويم.