[Дмитрий Бондаренко]

Здравствуйте, уважаемые участники!
Хотел поинтересоваться таким вопросом: есть сайт, на нём ссылки пунктов меню. при наведении меняется размер ссылки и передвигается фоновая картинка в поле зрения (http://wb.web-consent.ru/ - вот тут). Хотелось бы сделать так, чтобы при наведении и убирании курсора картинка объект изменялся плавно. Понимаю, что надо использовать ява-скрипт, но тут проблемы - мало опыта. искал по интернету - попадалось нечто похожее на jquery, но это исключено, так как на сайте уже mootools используется. и отсюда вопрос: как реализовать то, что я хочу, не меняя html и css, только подключив скрипт на mootools или скрипт без фреймворка?

[iDeViL]

Не понимаю, почему вам не хочется использовать js с jQuerry и mootools? Не слышал, чтобы они были несовместимы. Но если есть свои причины, то на самом деле это не очень маленький код. Смысл его состоит в то, чтобы..
есть несколько вариантов - посложнее, но эффектнее, полегче, но похуже. Самое простое наверное - это гладкое изменение opacity, и то с кросбраузерностью заморочки. Вряд ли бесплатно кто тут будет вам писать.
Могу посоветовать только вот что - на самом деле и так неплохо смотрится, это будет лишнее (гладкая анимация придаст неудобство в навигации - придется ждать, пока предыдущее исчезнет, пользователь уже переместит курсор, то только начнет выползать, потом передумает.. я не в восторге от таких вещей). Но если делают - обычно на флеш это проще всего, но раз вы не хотите jQuerry подключть, то о флеше я молчу

[vladendark]

Сообщение от iDeViL

js с jQuerry и mootools? Не слышал, чтобы они были несовместимы.

они несовместимы без костылей jquery noconflict

Самое простое наверное - это гладкое изменение opacity

самое простое - это поменять класс элемента по событию hover указав для активного класса бекграунд-картинку в таблице стилей

Вряд ли бесплатно кто тут будет вам писать.

- работы на 5 минут для спеца и на 15 для дилетанта

[Дмитрий Бондаренко]

так есть уже два состояние: обычное и hover, надо только переход между ними анимировать. Вопрост тогда такой: есть ли тут "профессионалы" или "дилетанты", которые небесплатно смогут реализовать задуманное?

[vladendark]

код в студию пор-фавор

[Дмитрий Бондаренко]

<div class="left">
 <div class="moduletable_menu">
  <ul class="menu">
   <li class="parent item6"><a href="/dajving/usloviya-pogruzhenij.html"><span>Дайвинг</span></a></li>
   <li class="item22"><a href="/speczpredlozhenie.html"><span>Спецпредложение</span></a></li>
  </ul>
 </div>
</div>

Вот кусок меню.

[vladendark]

Вот, набросал примитивчик. css, без java. Но вроде как не должен работать в IE6
PS под ваш шаблон не подстраивал.
pps для li можно добавить cursorointer

[Дмитрий Бондаренко]

vladendark, так у меня это реализовано)) (посмотрите на сайте) мне надо, что бы этот переход между состояниями сопровождался примитивненькой анимацией - пункт меню плавно менял размеры и фоновая картинка так же плавно бы менялась. тут без явы не обойтись...

[vladendark]

Сообщение от Дмитрий Бондаренко

vladendark, так у меня это реализовано)

от блин, я олень. не внимательно прочитал первый пост. прошу прощения

[Niemans]

http://api.jquery.com/animate/