Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 18.117.158.10
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Выезжающее горизонтальное меню
Сообщение оставлено 29.04.2011 в 17:19:07 | Сообщение #1
Пример:
http://js.aceweb.ru/users/2/index/8/index.html

После <head>ставим этот код:

Code
<!-- HEAD START HERE -->  

  <SCRIPT language=JavaScript>  
  function MM_findObj(n, d) { //v4.0  
  var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {  
  d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}  
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];  
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);  
  if(!x && document.getElementById) x=document.getElementById(n); return x;  
  }  

  function P7AniMagic(el, x, y, a, b, c, s) { //v2.5 PVII  
  var g,elo=el,f="",m=false,d="";x=parseInt(x);y=parseInt(y);  
  var t = 'g.p7Magic = setTimeout("P7AniMagic(\''+elo+'\',';  
  if ((g=MM_findObj(el))!=null) {d=(document.layers)?g:g.style;}else{return;}  
  if (parseInt(s)>0) {eval(t+x+','+y+','+a+','+b+','+c+',0)",' + s+')');return;}  
  var xx=(parseInt(d.left))?parseInt(d.left):0;  
  var yy=(parseInt(d.top))?parseInt(d.top):0;  
  if(parseInt(c)==1) {x+=xx;y+=yy;m=true;c=0;}  
  else if (c==2) {m=false;clearTimeout(g.p7Magic);}  
  else {var i=parseInt(a);  
  if (eval(g.moved)){clearTimeout(g.p7Magic);}  
  if (xx<x){xx+=i;m=true;if(xx>x){xx=x;}}  
  if (xx>x){xx-=i;m=true;if(xx<x){xx=x;}}  
  if (yy<y){yy+=i;m=true;if(yy>y){yy=y;}}  
  if (yy>y){yy-=i;m=true;if(yy<y){yy=y;}}}  
  if (m) {if((navigator.appName=="Netscape") && parseInt(navigator.appVersion)>4){  
  xx+="px";yy+="px";}  
  d.left=xx;d.top=yy;g.moved=true;eval(t+x+','+y+','+a+','+b+','+c+',0)",'+b+')');  
  }else {g.moved=false;}  
  }  

  function takeFocusBack() {  
  window.focus();  
  }  

  function MM_showHideLayers() { //v3.0  
  var i,p,v,obj,args=MM_showHideLayers.arguments;  
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];  
  if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }  
  obj.visibility=v; }  
  }  

  function MM_nbGroup(event, grpName) { //v3.0  
  var i,img,nbArr,args=MM_nbGroup.arguments;  
  if (event == "init" && args.length > 2) {  
  if ((img = MM_findObj(args[2])) != null && !img.MM_init) {  
  img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;  
  if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();  
  nbArr[nbArr.length] = img;  
  for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {  
  if (!img.MM_up) img.MM_up = img.src;  
  img.src = img.MM_dn = args[i+1];  
  nbArr[nbArr.length] = img;  
  } }  
  } else if (event == "over") {  
  document.MM_nbOver = nbArr = new Array();  
  for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {  
  if (!img.MM_up) img.MM_up = img.src;  
  img.src = (img.MM_dn && args[i+2]) ? args[i+2] : args[i+1];  
  nbArr[nbArr.length] = img;  
  }  
  } else if (event == "out" ) {  
  for (i=0; i < document.MM_nbOver.length; i++) {  
  img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }  
  } else if (event == "down") {  
  if ((nbArr = document[grpName]) != null)  
  for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }  
  document[grpName] = nbArr = new Array();  
  for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {  
  if (!img.MM_up) img.MM_up = img.src;  
  img.src = img.MM_dn = args[i+1];  
  nbArr[nbArr.length] = img;  
  } }  
  }  

  function MM_preloadImages() { //v3.0  
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();  
  var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)  
  if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}  
  }  
  //-->  
  </SCRIPT>  

  <!-- HEAD END HERE -->

После <body> ставим этот код:

Code
<!-- BODY START HERE -->  

  <DIV id=menu style="Z-INDEX: 10; LEFT: 0px; WIDTH: 88px; POSITION: absolute; TOP: 78px"><A onfocus=takeFocusBack() href="javascript:;"><IMG onmouseover="P7AniMagic('main',47,78,50,30,0,0);P7AniMagic('work',168,78,50,30,0,0);P7AniMagic('price',294,78,50,30,0,0);  
  P7AniMagic('koordinaty',414,78,50,30,0,0);P7AniMagic('guestbook',534,78,50,30,0,0);MM_showHideLayers('sbros','','show')" height=15 src="img/menu.gif" width=88 border=0></A></DIV>  
  <DIV id=main style="Z-INDEX: 9; LEFT: -200px; WIDTH: 88px; POSITION: absolute; TOP: 78px">  
  <A onfocus=takeFocusBack() href="Ваша ссылка"><IMG height=15 src="img/glav.gif" width=184 border=0></A></DIV>  
  <DIV id=work style="Z-INDEX: 8; LEFT: -200px; WIDTH: 88px; POSITION: absolute; TOP: 78px">  
  <A onfocus=takeFocusBack() href="Ваша ссылка"><IMG height=15 src="img/raboty.gif" width=184 border=0></A></DIV>  
  <DIV id=price style="Z-INDEX: 7; LEFT: -200px; WIDTH: 88px; POSITION: absolute; TOP: 78px">  
  <A onfocus=takeFocusBack() href="Ваша ссылка"><IMG height=15 src="img/ceny.gif" width=184 border=0></A></DIV>  
  <DIV id=koordinaty style="Z-INDEX: 6; LEFT: -200px; WIDTH: 88px; POSITION: absolute; TOP: 78px">  
  <A onfocus=takeFocusBack() href="Ваша ссылка"><IMG height=15 src="img/koordinaty.gif" width=184 border=0></A></DIV>  
  <DIV id=guestbook style="Z-INDEX: 5; LEFT: -200px; WIDTH: 88px; POSITION: absolute; TOP: 78px">  
  <A onfocus=takeFocusBack() href="Ваша ссылка"><IMG height=15 src="img/guestbook.gif" width=184 border=0></A></DIV>  
  <DIV id=sbros style="Z-INDEX: 3; LEFT: 0px; VISIBILITY: hidden; WIDTH: 99%; POSITION: absolute; TOP: 121px; HEIGHT: 60%">  
  <IMG onmouseover="P7AniMagic('guestbook',-200,78,60,30,0,0);  
  P7AniMagic('koordinaty',-200,78,60,30,0,200);P7AniMagic('price',-200,78,60,30,0,400);  
  P7AniMagic('work',-200,78,60,30,0,600);P7AniMagic('main',-200,78,60,30,0,800);  
  MM_showHideLayers('sbros','','hide')" height="99%" src="img/blank.gif" width="99%"></DIV>  

  <!-- BODY END HERE -->

В файловом менеджере создаём папку img,заливаем содержимое архива ---> http://depositfiles.com/files/91utahgtj

 
 
   
Сообщение оставлено 29.04.2011 в 17:55:59 | Сообщение #2
Не плохо мне понравилось спасиб
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика