AJAX Tabs или простой DHTML

Coutty · Конфигурация компьютера

HTML код:

<html><head><title>1</title>
</head>
<body>
<a href=# onClick="changeDiv('news')">Новости</a> | <a href=# onClick="changeDiv('nenews')">Источники</a>
<div id="news" style="position:absolute; top:50; left:50">Тут идёт разный текст 1</div>
<div id="nenews" style="position:absolute; top:-50000; left:-50000">Тут совершенно другой текст О_О</div>
<script>
<!--
function changeDiv(myaso) {
if (myaso == 'news') // проверяем: если нужно показать слой news, то
    {  
    shashlik = 'nenews'; // переменной "шашлык" присваиваем имя другого слоя
    }
  else if (myaso == 'nenews') // если надо показать слой nenews, то
    {
    shashlik = 'news'; // шашлыку - имя другого слоя.
    }
  kyu = document.getElementById(shashlik);  // выбираем слой с именем, хранящимся в переменной "шашлык"
  kyu.style.top = -50000; // и уносим его за край экрана
  kyu.style.left = -50000;
  nya = document.getElementById(myaso); // потом выбираем слой, который надо показать (имя передано в переменную "мясо"
  nya.style.top = 50; // и переносим в нужное место
  nya.style.left = 50;
}
//-->
</script>
</body>
</html>