Создание веб сайтов

      Создание веб сайтов

      Разработка веб сайтов
      
      Подвижное меню на Java script
      
      Иногда полезно создавать длинные веб страницы. Можно просматривать большой контент не загружая следующую страницу. Длинными можно считать веб страницы с высотой больше 3-х экранов.
      Подвижное меню всегда остается в одном месте экрана при прокрутке веб страницы. В меню можно разместить наиболее востребованные ссылки. Например - переход в начало веб страницы, переход к форуму, переход к форме обратной связи или заказа и т.д.
      Сейчас технология подвижного меню используется не часто.
      
      
      
      Слева от основной таблицы есть маленькая подвижная таблица с красивыми кнопками меню.
      Для размещения Java script меню нужно задать абсолютные координаты позиционирования HTML таблицы на экране.
      
       <DIV id="waterMarts" style="position:absolute;top:70;left:224;"> .... </DIV>
      
      Собственно Java script меню
      
       <script> if (!document.layers) document.write('<div id="divStayTopLeft" style="position:absolute">') //alert(document.body.scrollTop); </script> <layer id="divStayTopLeft"> <table bgcolor=white width=211 bordercolor=#C0C164 border=0 cellspacing=0 cellpadding=0> <tr><td background=column-up.jpg width=211 height=50></td></tr><tr><td background=column-button.jpg width=211 height=37>          <a href=http://web.shmeleff.com/ target=_top><font class=title3>Разработка сайтов</font></a></td></tr><tr><td background=column-md.jpg width=211></td></tr><tr><td background=column-button.jpg width=211 height=37>          <a href=http://wantel.dax.ru/content.htm target=_top><font class=title3>Написать контент</font></a></td></tr><tr><td background=column-md.jpg width=211></td></tr><tr><td background=column-button.jpg width=211 height=37>          <a href=http://webknigi.shmeleff.com target=_top><font class=title3>Скачать бесплатно</font></a></td></tr><tr><td background=column-md.jpg width=211></td></tr><tr><td background=column-button.jpg width=211 height=37>          <a href=http://panten.wallst.ru/javasite.htm target=_top><font class=title3>Сайт на JS</font></a></td></tr><tr><td background=column-md.jpg width=211></td></tr><tr><td background=column-button.jpg width=211 height=37>          <a href=http://templates.oflameron.ru target=_top><font class=title3>Тысячи шаблонов</font></a></td></tr><tr><td background=column-button.jpg width=211 height=37>          <a href='http://www.cy-pr.com/analysis/webknigi.shmeleff.com' rel='nofollow' target=_top><font class=title3>Анализ сайтов</font></a></td></tr><tr><td background=column-button.jpg width=211 height=37>          <a href='http://yandex.ru/yandsearch?text=%D0%A3%D1%87%D0%B5%D0%B1%D0%BD%D0%B8%D0%BA+html&lr=213' target=_top rel='nofollow'><font class=title3><b>Учебник HTML</b></font></a></td></tr><tr><td background=column-md.jpg width=211></td></tr><tr><td background=column-dn.jpg width=211 height=53></td></tr></table> </layer> <script type="text/javascript"> var verticalpos="fromtop"; if (!document.layers) document.write('</div>') </script> <script> function JSFX_FloatTopDiv() { var startX = 10, startY = 70; var ns = (navigator.appName.indexOf("Netscape") != -1); var d = document; function m2l(id) { var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id]; if(d.layers)el.style=el; el.sP=function(x,y){this.style.left=x;this.style.top=y;}; el.x = startX; if (verticalpos=="fromtop") el.y = startY; else{ el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight; el.y -= startY; } return el; } window.stayTopLeft=function() { if (verticalpos=="fromtop"){ var pY = ns ? pageYOffset : document.body.scrollTop; ftlObj.y += (pY + startY - ftlObj.y)/30; } else{ var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight; ftlObj.y += (pY - startY - ftlObj.y)/30; } ftlObj.sP(ftlObj.x, ftlObj.y); setTimeout("stayTopLeft()", 10); } ftlObj = m2l("divStayTopLeft"); stayTopLeft(); } JSFX_FloatTopDiv(); </script>
      
      Подвижное меню - очень удобный сервис, но он мало подходит для просмотра сайтов на мобильных устройствах.
      
      (c) by Valery V Shmeleff
      

Создание сайтов

      
        Читаем далее     DNL4     Создание сайта  
      
      
      Разработка веб сайтов, создание веб сайтов, разработка, сайта

      
      
      Главная страница >>>>  Java script >>>>