Подскажите jquery плагин
Добрый день.
![]() Наводишь на другую ссылку - рисунок меняется... Это какой плагин? И еще: при наведении на ссылку рисунок затемняется... Понятно, что искать его надо на http://plugins.jquery.com/ , но там столько... Может кто-то натыкался? В разделе, наверное, Animation and Effects? |
Какой плагин не знаю, но пишется это очень просто.
Несколько строк кода. |
Цитата:
|
Чтобы картинки менялись примерно так:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="X-UA-Compatible" content="IE=7"/> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>MENU</title> <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ $('.menu').find('li').hover( function(){ $('#prevew').html($(this).find('img').clone().css({'display':'inline'})); $('.menu').find('li').css({'background':'none'}); $(this).css({/*здесь прописываете стили для li:hover*/ 'background':'red'}); }, function(){ $(this).css({}); } ); }); </script> <style type="text/css"> .prevew{height:200px; padding:20px;} .prevew img{height:200px; } </style> </head><body> <ul class="menu"> <li><a href="#">link1</a><img src="images/1.jpg" style="display:none" /></li> <li><a href="#">link2</a><img src="images/2.jpg" style="display:none" /></li> <li><a href="#">link3</a><img src="images/3.jpg" style="display:none" /></li> </ul> <div id="prevew" class="prevew"></div> <ul class="menu"> <li><a href="#">link4</a><img src="images/4.jpg" style="display:none" /></li> <li><a href="#">link5</a><img src="images/5.jpg" style="display:none" /></li> <li><a href="#">link6</a><img src="images/6.jpg" style="display:none" /></li> </ul> </body></html> |
что-то не работает... Разбираюсь почему
|
Вложений: 1
Вот набросал простенький скрипт меню.
|
Ничего себе... Как на картинке :). Супер, спасибо, и не лень было!
|
Тоже учусь jquery. Как упражнение сделал.
|
А за основу вы что брали? jquery-1.3.2.min какой плагинчик?
Просто хочется самому разобраться |
За основу брал вашу картинку и описание. А jquery-1.3.2.min это фреймворк, содержащий различные функции, упрощающие программирование на JS.
|
Часовой пояс GMT +3, время: 19:13. |