Разработка сайтов. Создание сайтов. Быстрая разработка недорогих сайтов. Готовые сайты

Разработка сайтов

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

      Разработка сайтов

      Полезные Java script

      Еще одним полезным Java script можно считать скользящее меню - когда небольшая и хорошо оформленная табличка с ссылками на другие веб страницы перемещается вслед за вертикальной прокруткой веб страницы.
      Как, например, это сделано в этом http://free-website.narod.ru/wtmp3.htm шаблоне сайта.



      Для этого нужно выполнить несколько условий.
      1. Нужно задать точное позиционирование основной таблицы с контентом на экране. В данном примере заданы абсолютные координаты для отступа сверху и слева.

      <body bgcolor=#000000 text=000000 leftMargin=0 topMargin=0 marginwidth=0 marginheight=0> <font> <center> <DIV id="oflameron" style="position:absolute;top:20;left:224;">

      Здесь координаты заданы в

      <DIV id="oflameron" style="position:absolute;top:20;left:224;">

      Основной Java script, обеспечивающий перемещение HTML таблицы

      <script> if (!document.layers) document.write('<div id="divStayTopLeft" style="position:absolute">') //alert(document.body.scrollTop); </script>

      Здесь id="divStayTopLeft" - таблица для перемешения

      <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://game-resume.narod.ru/page.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://perfect-game.narod.ru/ 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://jscript.oflameron.ru/ target=_top><font class=title3>Java-скрипт</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://play.oflameron.ru/ 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://users5.nofeehost.com/nappel/ target=_top><font class=title3>Раскрутка</font></a></td></tr><tr><td background=column-button.jpg width=211 height=37>          <a href=http://themonopoly.narod.ru/pale.htm target=_top><font class=title3>Самодельные игры</font></a></td></tr><tr><td background=column-button.jpg width=211 height=37>          <a href=http://www.oflameron.com/ target=_top><font class=title3><b>Free ebook</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>

Разработка сайта

        Читаем далее     18     19

      Keywords: - создание, разработка, сайта

      Главная страница >>>>  Шаблоны сайтов >>>>