• Страница 1 из 1
  • 1
Создаем выпадающее меню
otpmДата: Пятница, 23.Янв.2009, 22:34 | Сообщение # 1
Admin
Сообщений: 554
« 3 »
Статус: :-(
Чтоб создать выпадающее меню надо просто один скрипт который очень легок в использовании вот он:

Code

<UL id=tmenu0 style="DISPLAY: none; MARGIN-LEFT: 0px">

<LI><SPAN>Downloads</SPAN>
<UL>
<LI><A href="http://otpm.do.am/load/">Название категории</A></LI>
      <A href="Ссылка">Название категории ссылающейся ссылки</A></LI>   
</ul>

   <noindex><script type="text/javascript">
function tmenudata0()
{
   this.animation_jump = 15
   this.animation_delay = 2
   this.imgage_gap = 3
   this.plus_image = "http://www.premierproverka.do.am/plus.gif"
   this.minus_image = "http://www.premierproverka.do.am/minus.gif"
   this.pm_width_height = "9,9"
   this.folder_image = ""
   this.document_image = "http://spartakmoscow.info/document.gif"
   this.icon_width_height = "9,9"
   this.indent = 14;   
   this.use_hand_cursor = true;   
   this.main_item_styles = "text-decoration:none; \
   font-weight:normal; \
   font-family:Times New Roman; \
   font-size:14px; \
   color:#FFFFFF; \
   padding:2px; "
   this.sub_item_styles = "text-decoration:none; \
   font-weight:normal; \
   font-family:Times New Roman; \
   font-size:12px; \
   color:#FFFFFF; "
   this.main_container_styles = "padding:0px;"
   this.sub_container_styles = "padding-top:7px; padding-bottom:7px;"
   this.main_link_styles = "color:#FFFFFF; text-decoration:none;"
   this.main_link_hover_styles = "color:#ffffff; text-decoration:underline;"
   this.sub_link_styles = ""
   this.sub_link_hover_styles = ""
   this.main_expander_hover_styles = "text-decoration:underline;";
   this.sub_expander_hover_styles = "";}
</script><script type="text/javascript">

ulm_ie=window.showHelp;ulm_opera=window.opera;ulm_strict=((ulm_ie ||   

ulm_opera)&&(document.compatMode=="CSS1Compat")); ulm_mac=navigator.userAgent.indexOf("Mac")+1;is_animating=false;   

cc3=new Object();cc4=new Object();   
cc0=document.getElementsByTagName("UL");for(mi=0;mi<cc0.length;   

mi++){if(cc1=cc0[mi].id){if(cc1.indexOf("tmenu")>-1){cc1=cc1.substring(5); cc2=new   

window["tmenudata"+cc1];cc3["img"+cc1]=new Image();cc3["img"+cc1].src=cc2.plus_image;cc4["img"+cc1]=new Image();   

cc4["img"+cc1].src=cc2.minus_image;if(!(ulm_mac &&   

ulm_ie)){t_cc9=cc0[mi].getElementsByTagName("UL");for(mj=0;mj<t_cc9.length;   

mj++){cc23=document.createElement("DIV");cc23.className="uldivs";   

cc23.appendChild(t_cc9[mj].cloneNode(1));t_cc9[mj].parentNode.replaceChild(cc23,t_cc9[mj]);   

}}cc5(cc0[mi].childNodes,cc1+"_",cc2,cc1);  cc6(cc1,cc2);cc0[mi].style.display="block"; }}};function   

cc5(cc9,cc10,cc2,cc11){eval("cc8=new Array("+cc2.pm_width_height+")");this.cc7=0;for(this.li=0;this.li<cc9.length;   

this.li++){if(cc9[this.li].tagName=="LI"){this.level=cc10.split("_").length-1;   

cc9[this.li].style.cursor="default";this.cc12=false;this.cc13=cc9[this.li].childNodes;   

for(this.ti=0;this.ti<this.cc13.length;this.ti++){lookfor="DIV"; if(ulm_mac &&   

ulm_ie)lookfor="UL";if(this.cc13[this.ti].tagName==lookfor){this.tfs=this.cc13[this.ti].firstChild;  if(ulm_mac &&   

ulm_ie)this.tfs=this.cc13[this.ti];this.usource=cc3["img"+cc11].src;   

if((gev=cc9[this.li].getAttribute("expanded"))&&(parseInt(gev))){this.usource=cc4["img"+cc11].src;  }else   

this.tfs.style.display="none";if(cc2.folder_image){create_images(cc2,cc11,cc2.icon_width_height,cc2.folder_image,cc9

[this.li]);  this.ti=this.ti+2;}this.cc14=document.createElement("IMG");this.cc14.setAttribute("width",cc8[0]);    

this.cc14.setAttribute("height",cc8[1]);this.cc14.className="plusminus";   

this.cc14.src=this.usource;this.cc14.onclick=cc16;this.cc14.onselectstart=function(){return false};    

this.cc14.setAttribute("cc2_id",cc11);this.cc15=document.createElement("div");   

this.cc15.style.display="inline";this.cc15.style.paddingLeft=cc2.imgage_gap+"px";   

cc9[this.li].insertBefore(this.cc15,cc9[this.li].firstChild);   

cc9[this.li].insertBefore(this.cc14,cc9[this.li].firstChild); this.ti+=2;new   

cc5(this.tfs.childNodes,cc10+this.cc7+"_",cc2,cc11);this.cc12=1; }else   

if(this.cc13[this.ti].tagName=="SPAN"){this.cc13[this.ti].onselectstart=function(){return false};   

this.cc13[this.ti].onclick=cc16;this.cc13[this.ti].setAttribute("cc2_id",cc11);   

this.cname="cc24";if(this.level>1)this.cname="cc25";if(this.level>   

1)this.cc13[this.ti].onmouseover=function(){this.className="cc25"; };else   

this.cc13[this.ti].onmouseover=function(){this.className="cc24";   

};this.cc13[this.ti].onmouseout=function(){this.className="";};   

}}if(!this.cc12){if(cc2.document_image){create_images(cc2,cc11,cc2.icon_width_height,cc2.document_image,cc9[this.li]

);  }this.cc15=document.createElement("div");this.cc15.style.display="inline";   

if(ulm_ie)this.cc15.style.width=cc2.imgage_gap+cc8[0]+"px";else   

this.cc15.style.paddingLeft=cc2.imgage_gap+cc8[0]+"px";   

cc9[this.li].insertBefore(this.cc15,cc9[this.li].firstChild);}this.cc7++; }}};function   

create_images(cc2,cc11,iwh,iname,liobj){eval("tary=new   

Array("+iwh+")");this.cc15=document.createElement("div");this.cc15.style.display="inline";   

this.cc15.style.paddingLeft=cc2.imgage_gap+"px";  liobj.insertBefore(this.cc15,liobj.firstChild);   

this.fi=document.createElement("IMG");this.fi.setAttribute("width",tary[0]);   

this.fi.setAttribute("height",tary[1]);this.fi.setAttribute("cc2_id",cc11);   

this.fi.className="plusminus";this.fi.src=iname;this.fi.style.verticalAlign="middle";   

this.fi.onclick=cc16;liobj.insertBefore(this.fi,liobj.firstChild); };function   

cc16(){if(is_animating)return;cc18=this.getAttribute("cc2_id"); cc2=new   

window["tmenudata"+cc18];cc17=this.parentNode.getElementsByTagName("UL");   

if(parseInt(this.parentNode.getAttribute("expanded"))){this.parentNode.setAttribute("expanded",0);  if(ulm_mac &&   

ulm_ie){cc17[0].style.display="none";}else {cc27=cc17[0].parentNode;cc27.style.overflow="hidden";cc26=cc27;   

cc27.style.height=cc17[0].offsetHeight;cc27.style.position="relative";   

cc17[0].style.position="relative";is_animating=1;setTimeout("cc29("+(-cc2.animation_jump)+",false,"+cc2.animation_de

lay+")",0);  }this.parentNode.firstChild.src=cc3["img"+cc18].src;}else   

{this.parentNode.setAttribute("expanded",1);if(ulm_mac && ulm_ie){cc17[0].style.display="block";}else   

{cc27=cc17[0].parentNode;cc27.style.height="1px";cc27.style.overflow="hidden";   

cc27.style.position="relative";cc26=cc27;cc17[0].style.position="relative";   

cc17[0].style.display="block";cc28=cc17[0].offsetHeight;cc17[0].style.top=-cc28+"px";   

is_animating=1;setTimeout("cc29("+cc2.animation_jump+",1,"+cc2.animation_delay+")",0);   

}this.parentNode.firstChild.src=cc4["img"+cc18].src;}};function   

cc29(inc,expand,delay){cc26.style.height=(cc26.offsetHeight+inc)+"px";   

cc26.firstChild.style.top=(cc26.firstChild.offsetTop+inc)+"px"; if( (expand &&(cc26.offsetHeight<(cc28)))||(!expand   

&&(cc26.offsetHeight>Math.abs(inc))) )setTimeout("cc29("+inc+","+expand+","+delay+")",delay);else   

{if(expand){cc26.style.overflow="visible"; if((ulm_ie)||(ulm_opera && !ulm_strict))cc26.style.height="0px";else   

cc26.style.height="auto";cc26.firstChild.style.top=0+"px";}else {cc26.firstChild.style.display="none";   

cc26.style.height="0px";}is_animating=false;}};function cc6(id,cc2){np_refix="#tmenu"+id;cc20="<style   

type='text/css'>";cc19="";if(ulm_ie)cc19="height:0px;font-size:1px; ";cc20+=np_refix+"   

{width:100%;"+cc19+"-moz-user-select:none;margin:0px;padding:0px;   

list-style:none;"+cc2.main_container_styles+"}";cc20+=np_refix+" li{white-space:nowrap;   

list-style:none;margin:0px;padding:0px;"+cc2.main_item_styles+"}"; cc20+=np_refix+" ul   

li{"+cc2.sub_item_styles+"}";cc20+=np_refix+"   

ul{list-style:none;margin:0px;padding:0px;padding-left:"+cc2.indent+"px;   

"+cc2.sub_container_styles+"}";cc20+=np_refix+" a{"+cc2.main_link_styles+"}";cc20+=np_refix+"   

a:hover{"+cc2.main_link_hover_styles+"}";cc20+=np_refix+" ul a{"+cc2.sub_link_styles+"}";cc20+=np_refix+" ul   

a:hover{"+cc2.sub_link_hover_styles+"}";cc20+=".cc24   

{"+cc2.main_expander_hover_styles+"}";if(cc2.sub_expander_hover_styles)cc20+=".cc25   

{"+cc2.sub_expander_hover_styles+"}"; else cc20+=".cc25   

{"+cc2.main_expander_hover_styles+"}";if(cc2.use_hand_cursor)cc20+=np_refix+" li span,.plusminus{cursor:hand;   

cursor:pointer;}";else cc20+=np_refix+" li span,.plusminus{cursor:default;}";document.write(cc20+"</style> ");}
</script></noindex></div>

Теперь настаиваете скрипт так как вам надо и вставляете блок "Меню сайта".

Вот пример выпадающего меню которое я установил себе на сайт( это для тех кто не понял как правильно настроить скрипт)

Code

<UL id=tmenu0 style="DISPLAY: none; MARGIN-LEFT: 0px">

<LI><SPAN><b>Downloads</b></SPAN>
<UL>
<li class="m"><a class="m" href="http://otpm.do.am/load/"><b>Главная</b></A></LI>
      <li class="m"><a class="m" href="http://otpm.do.am/load/1"><b>Все для фотошопа</b></A></LI>   
      <li class="m"><a class="m" href="http://otpm.do.am/load/6"><b>Все для програмиста </b></A></LI>   
      <li class="m"><a class="m" href="http://otpm.do.am/load/25"><b>Web разработчику</b></A></LI>   
      <li class="m"><a class="m" href="http://otpm.do.am/load/32"><b>Графика и дизайн</b></A></LI>   
      <li class="m"><a class="m" href="http://otpm.do.am/load/46"><b>Кряки</A></LI>   
      <li class="m"><a class="m" href="http://otpm.do.am/load/49"><b>Bидеоуроки Photoshop</b></A></LI>   
     
</ul>

   <noindex><script type="text/javascript">
function tmenudata0()
{
   this.animation_jump = 15
   this.animation_delay = 2
   this.imgage_gap = 3
   this.plus_image = "http://otpm.do.am/1.png"
   this.minus_image = "http://otpm.do.am/2.png"
   this.pm_width_height = "9,9"
   this.folder_image = ""
   this.document_image = ""
   this.icon_width_height = "9,9"
   this.indent = 14;   
   this.use_hand_cursor = true;   
   this.main_item_styles = "text-decoration:none; \
   font-weight:normal; \
   font-family:verdana; \
   font-size:11px; \
   color:#E4FAFD; \
   padding:2px; "
   this.sub_item_styles = "text-decoration:none; \
   font-weight:normal; \
   font-family:verdana; \
   font-size:11px; \
   color:#E4FAFD; "
   this.main_container_styles = "padding:0px;"
   this.sub_container_styles = "padding-top:7px; padding-bottom:7px;"
   this.main_link_styles = "color:#FFFFFF; text-decoration:none;"
   this.main_link_hover_styles = "color:#ffffff; text-decoration:underline;"
   this.sub_link_styles = ""
   this.sub_link_hover_styles = ""
   this.main_expander_hover_styles = "text-decoration:underline;";
   this.sub_expander_hover_styles = "";}
</script><script type="text/javascript">

ulm_ie=window.showHelp;ulm_opera=window.opera;ulm_strict=((ulm_ie || ulm_opera)&&(document.compatMode=="CSS1Compat")); ulm_mac=navigator.userAgent.indexOf("Mac")+1;is_animating=false; cc3=new Object();cc4=new Object();   
cc0=document.getElementsByTagName("UL");for(mi=0;mi<cc0.length; mi++){if(cc1=cc0[mi].id){if(cc1.indexOf("tmenu")>-1){cc1=cc1.substring(5); cc2=new window["tmenudata"+cc1];cc3["img"+cc1]=new Image();cc3["img"+cc1].src=cc2.plus_image;cc4["img"+cc1]=new Image(); cc4["img"+cc1].src=cc2.minus_image;if(!(ulm_mac && ulm_ie)){t_cc9=cc0[mi].getElementsByTagName("UL");for(mj=0;mj<t_cc9.length; mj++){cc23=document.createElement("DIV");cc23.className="uldivs"; cc23.appendChild(t_cc9[mj].cloneNode(1));t_cc9[mj].parentNode.replaceChild(cc23,t_cc9[mj]); }}cc5(cc0[mi].childNodes,cc1+"_",cc2,cc1);  cc6(cc1,cc2);cc0[mi].style.display="block"; }}};function cc5(cc9,cc10,cc2,cc11){eval("cc8=new Array("+cc2.pm_width_height+")");this.cc7=0;for(this.li=0;this.li<cc9.length; this.li++){if(cc9[this.li].tagName=="LI"){this.level=cc10.split("_").length-1; cc9[this.li].style.cursor="default";this.cc12=false;this.cc13=cc9[this.li].childNodes; for(this.ti=0;this.ti<this.cc13.length;this.ti++){lookfor="DIV"; if(ulm_mac && ulm_ie)lookfor="UL";if(this.cc13[this.ti].tagName==lookfor){this.tfs=this.cc13[this.ti].firstChild;  if(ulm_mac && ulm_ie)this.tfs=this.cc13[this.ti];this.usource=cc3["img"+cc11].src; if((gev=cc9[this.li].getAttribute("expanded"))&&(parseInt(gev))){this.usource=cc4["img"+cc11].src;  }else this.tfs.style.display="none";if(cc2.folder_image){create_images(cc2,cc11,cc2.icon_width_height,cc2.folder_image,cc9[this.li]);  this.ti=this.ti+2;}this.cc14=document.createElement("IMG");this.cc14.setAttribute("width",cc8[0]);  this.cc14.setAttribute("height",cc8[1]);this.cc14.className="plusminus"; this.cc14.src=this.usource;this.cc14.onclick=cc16;this.cc14.onselectstart=function(){return false};  this.cc14.setAttribute("cc2_id",cc11);this.cc15=document.createElement("div"); this.cc15.style.display="inline";this.cc15.style.paddingLeft=cc2.imgage_gap+"px"; cc9[this.li].insertBefore(this.cc15,cc9[this.li].firstChild); cc9[this.li].insertBefore(this.cc14,cc9[this.li].firstChild); this.ti+=2;new cc5(this.tfs.childNodes,cc10+this.cc7+"_",cc2,cc11);this.cc12=1; }else if(this.cc13[this.ti].tagName=="SPAN"){this.cc13[this.ti].onselectstart=function(){return false}; this.cc13[this.ti].onclick=cc16;this.cc13[this.ti].setAttribute("cc2_id",cc11); this.cname="cc24";if(this.level>1)this.cname="cc25";if(this.level> 1)this.cc13[this.ti].onmouseover=function(){this.className="cc25"; };else this.cc13[this.ti].onmouseover=function(){this.className="cc24"; };this.cc13[this.ti].onmouseout=function(){this.className="";}; }}if(!this.cc12){if(cc2.document_image){create_images(cc2,cc11,cc2.icon_width_height,cc2.document_image,cc9[this.li]);  }this.cc15=document.createElement("div");this.cc15.style.display="inline"; if(ulm_ie)this.cc15.style.width=cc2.imgage_gap+cc8[0]+"px";else this.cc15.style.paddingLeft=cc2.imgage_gap+cc8[0]+"px"; cc9[this.li].insertBefore(this.cc15,cc9[this.li].firstChild);}this.cc7++; }}};function create_images(cc2,cc11,iwh,iname,liobj){eval("tary=new Array("+iwh+")");this.cc15=document.createElement("div");this.cc15.style.display="inline"; this.cc15.style.paddingLeft=cc2.imgage_gap+"px";  liobj.insertBefore(this.cc15,liobj.firstChild); this.fi=document.createElement("IMG");this.fi.setAttribute("width",tary[0]); this.fi.setAttribute("height",tary[1]);this.fi.setAttribute("cc2_id",cc11); this.fi.className="plusminus";this.fi.src=iname;this.fi.style.verticalAlign="middle"; this.fi.onclick=cc16;liobj.insertBefore(this.fi,liobj.firstChild); };function cc16(){if(is_animating)return;cc18=this.getAttribute("cc2_id"); cc2=new window["tmenudata"+cc18];cc17=this.parentNode.getElementsByTagName("UL"); if(parseInt(this.parentNode.getAttribute("expanded"))){this.parentNode.setAttribute("expanded",0);  if(ulm_mac && ulm_ie){cc17[0].style.display="none";}else {cc27=cc17[0].parentNode;cc27.style.overflow="hidden";cc26=cc27; cc27.style.height=cc17[0].offsetHeight;cc27.style.position="relative"; cc17[0].style.position="relative";is_animating=1;setTimeout("cc29("+(-cc2.animation_jump)+",false,"+cc2.animation_delay+")",0);  }this.parentNode.firstChild.src=cc3["img"+cc18].src;}else {this.parentNode.setAttribute("expanded",1);if(ulm_mac && ulm_ie){cc17[0].style.display="block";}else {cc27=cc17[0].parentNode;cc27.style.height="1px";cc27.style.overflow="hidden"; cc27.style.position="relative";cc26=cc27;cc17[0].style.position="relative"; cc17[0].style.display="block";cc28=cc17[0].offsetHeight;cc17[0].style.top=-cc28+"px"; is_animating=1;setTimeout("cc29("+cc2.animation_jump+",1,"+cc2.animation_delay+")",0); }this.parentNode.firstChild.src=cc4["img"+cc18].src;}};function cc29(inc,expand,delay){cc26.style.height=(cc26.offsetHeight+inc)+"px"; cc26.firstChild.style.top=(cc26.firstChild.offsetTop+inc)+"px"; if( (expand &&(cc26.offsetHeight<(cc28)))||(!expand &&(cc26.offsetHeight>Math.abs(inc))) )setTimeout("cc29("+inc+","+expand+","+delay+")",delay);else {if(expand){cc26.style.overflow="visible"; if((ulm_ie)||(ulm_opera && !ulm_strict))cc26.style.height="0px";else cc26.style.height="auto";cc26.firstChild.style.top=0+"px";}else {cc26.firstChild.style.display="none"; cc26.style.height="0px";}is_animating=false;}};function cc6(id,cc2){np_refix="#tmenu"+id;cc20="<style type='text/css'>";cc19="";if(ulm_ie)cc19="height:0px;font-size:1px; ";cc20+=np_refix+" {width:100%;"+cc19+"-moz-user-select:none;margin:0px;padding:0px; list-style:none;"+cc2.main_container_styles+"}";cc20+=np_refix+" li{white-space:nowrap; list-style:none;margin:0px;padding:0px;"+cc2.main_item_styles+"}"; cc20+=np_refix+" ul li{"+cc2.sub_item_styles+"}";cc20+=np_refix+" ul{list-style:none;margin:0px;padding:0px;padding-left:"+cc2.indent+"px; "+cc2.sub_container_styles+"}";cc20+=np_refix+" a{"+cc2.main_link_styles+"}";cc20+=np_refix+" a:hover{"+cc2.main_link_hover_styles+"}";cc20+=np_refix+" ul a{"+cc2.sub_link_styles+"}";cc20+=np_refix+" ul a:hover{"+cc2.sub_link_hover_styles+"}";cc20+=".cc24 {"+cc2.main_expander_hover_styles+"}";if(cc2.sub_expander_hover_styles)cc20+=".cc25 {"+cc2.sub_expander_hover_styles+"}"; else cc20+=".cc25 {"+cc2.main_expander_hover_styles+"}";if(cc2.use_hand_cursor)cc20+=np_refix+" li span,.plusminus{cursor:hand; cursor:pointer;}";else cc20+=np_refix+" li span,.plusminus{cursor:default;}";document.write(cc20+"</style> ");}
</script></noindex></div>

Пользуйтесь на здоровье. Я думаю вам пригодилась эта информация.


Заработок для веб-мастеров
 
  • Страница 1 из 1
  • 1
Поиск:

Счетчик тИЦ и PR