قائمة متشعبة 2
3 مشترك
صفحة 1 من اصل 1
قائمة متشعبة 2
قائمة متشعبة 2
- المجموعة الأولى
- رابط 1
- رابط 2
- رابط 3
طريقة التركيب
1- انسخ هذا الكود و ضعه في منطقة HEAD
<style>
<!--
#foldheader{cursor:hand ; font-weight:bold ;
list-style-image:url(fold.gif)}
#foldinglist{list-style-image:url(list.gif)}
//-->
</style>
<script language="JavaScript1.2">
<!--
/**
* Based on Folding Menu Tree
* Dynamic Drive (www.dynamicdrive.com)
* For full source code, installation instructions,
* 100's more DHTML scripts, and Terms Of
* Use, visit dynamicdrive.com
*
* Updated to support arbitrarily nested lists
* by Mark Quinn (mark@robocast.com) November 2nd 1998
*
* Translated By www.star28.com/
* Visit our site at http://www.star28.com/ for more code
*/
var head="display:''"
img1=new Image()
img1.src="fold.gif"
img2=new Image()
img2.src="open.gif"
function change(){
if(!document.all)
return
if (event.srcElement.id=="foldheader") {
var srcIndex = event.srcElement.sourceIndex
var nested = document.all[srcIndex+1]
if (nested.style.display=="none") {
nested.style.display=''
event.srcElement.style.listStyleImage="url(open.gif)"
}
else {
nested.style.display="none"
event.srcElement.style.listStyleImage="url(fold.gif)"
}
}
}
document.onclick=change
//-->
</script>
2- انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY
<ul>
<li id="foldheader">المجموعة الأولى</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="http://www.">رابط 1</a></li>
<li><a href="http://www.">رابط 2</a></li>
<li><a href="http://www.">رابط 3</a></li>
</ul>
<li id="foldheader">المجموعة الثانية</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="http://www.">رابط 1</a></li>
<li><a href="http://www.">رابط 2</a></li>
<li><a href="http://www.">رابط 3</a></li>
</ul>
<li id="foldheader">المجموعة الثالثة</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="http://www.">رابط 1</a></li>
<li><a href="http://www.">رابط 2</a></li>
<li id="foldheader">مجموعة فرعية</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="http://www.">رابط 1</a></li>
<li><a href="http://www.">رابط 2</a></li>
</ul>
<li><a href="http://www.">رابط 3</a></li>
<li><a href="http://www.">رابط 4</a></li>
</ul>
</ul>
<script language="JavaScript1.2">
<!--
/**
* Get cookie routine by Shelley Powers
* (shelley.powers@ne-dev.com)
*/
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document
رد: قائمة متشعبة 2
يسسسلمووو
Design-sasuke- ღ عضو ღ v I p
- الْعُمْر : 32
الجنس :
الْمَشِارَكِات : 8432
بلدي :
الْنِّقَاط : 29432
السٌّمعَة : 0
رد: قائمة متشعبة 2
مشششششششكور يعطيك العافية
Sifou- ღ عضو ღ v I p
- الْعُمْر : 30
الجنس :
الْمَشِارَكِات : 4649
بلدي :
الْنِّقَاط : 20568
السٌّمعَة : 0
مواضيع مماثلة
» قائمة متشعبة 1
» الدرس الثالث: شرح معاني قائمة قائمة Image2
» الدرس الثالث: شرح معاني قائمة قائمة Image1
» درس شرح قائمة help
» شرح قائمة View
» الدرس الثالث: شرح معاني قائمة قائمة Image2
» الدرس الثالث: شرح معاني قائمة قائمة Image1
» درس شرح قائمة help
» شرح قائمة View
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى