DHTML+javascript. Как быть с поисковиками?

А почему бы и нет? Ссылка в естественном виде есть в коде страницы, часто делаю такие менюшки. Всё нормально. А вот если будешь добавлять ссылку чисто через Jaascript, то проблемы скорее всего будут.

Она у Вас не только поисковиками, но обычными юзверями видна сразу будет :) ;)

update: На пхпклубе кажется, идея была хорошая: менюхи полностью на джаваскриптах (не такие как у Вас, а особо извращённые :) , где формируется всё с помощью яваскриптов и ссылки в том числе) дублировать в <noscript></noscript>.

А еще лучше выводить нормальный HTML-код меню, в идеале конечно список, который стилями приводится к нужному виду. А в конце странички JavaScript-код, который будет разделывать этот список и делать из него динамическое меню. В результате все довольны: и поисковики, и нормальные юзеры (с JavaScript), и юзеры с отключенным JavaScript, и даже юзеры с текстовыми браузерами.

Более того -- Javascript нужен только для популярного браузера от компаннии Microsoft.

А что остальные броузеры его не понимают или перешли на VBScript?

Все остальные понимают :hover не только для a.

Причем здесь hover? В приведенном коде отрабатывается onclik.

Спасибо, за совет. Только если честно не очень понял:) Ты не мог бы привести пример кода или дать ссылочку, где это использовано. Спасибо.

Например: http://solardreamstudios.com/learn/css/cssmenus/

И вот еще много разных: http://www.alvit.de/css-showcase/css-navigation-techniques-showcase.php

Подробный код давать не буду, лень. Суть такая. Имеется двухуровневое меню, его в лучших традициях оформляем в список

<ul id="menu">

  <li><a href="#">Пункт 1</a>

    <ul>

      <li><a href="#">Пункт 1.1</a></li>

      <li><a href="#">Пункт 1.2</a></li>

      <li><a href="#">Пункт 1.3</a></li>

    </ul>

  </li>

  <li><a href="#">Пункт 2</a>

    <ul>

      <li><a href="#">Пункт 2.1</a></li>

      <li><a href="#">Пункт 2.2</a></li>

      <li><a href="#">Пункт 2.3</a></li>

    </ul>

  </li>

  <li><a href="#">Пункт 3</a>

    <ul>

      <li><a href="#">Пункт 3.1</a></li>

      <li><a href="#">Пункт 3.2</a></li>

      <li><a href="#">Пункт 3.3</a></li>

    </ul>

  </li>

</ul>

Стилями делаем его красивым. После этого добавляем скрипт который скрывает элементы второго уровня, а при клике на пункты первого уровня скрывает/показывает подпункты.

(function(menu_id) {

  var menu = document.getElementById(menu_id);

  var items = menu.childNodes;

  for (var i = 0; i < items.length; i++) {

    if (items.tagName && items.tagName.toLowerCase() == 'li') {

      var link = items.getElementsByTagName('A')[0];

      var submenu = items.getElementsByTagName('UL')[0];

      submenu.style.display = 'none';

      link.onclick = (function(sm) { return function() { sm.style.display = sm.style.display == 'none' ? '' : 'none'; return false; } })(submenu);

    }

  }

})('menu');

P.S. Извиняюсь за замудреный код, более простой было опять же лень писать. Тут главное суть.