Как добавить класс к нужному элементу при наведении на определеные ссылки?
Привет Ребята. Я у вас на форуме первый раз подскажите пожалуйста, в jQery не селен, прежде чем писать погуглил.
Нужно при наведении на определенные ссылки (например с индификаторами #s1, #s2, #s3), и есть картинка с индификатором #img1. Как правильно написать скрипт, чтобы при наведении на ссылки, к картинке добавлялся класс (например hover)? Библиотеку подключал эту: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> Пробовал подключить так. <script> $(document).ready(function(){ $('#s1').hover( function(){ $('#img1').addClass('hover') }); function(){ $('#img1').removeClass('hover') }); }); </script> P.S. В моем случае прописать стили css не получится, там слишком замудренные эффекты. |
$("#s1, #s2, #s3").mouseenter(function(){ $('#img1').addClass('hover') }).mouseleave(function(){ $('#img1').removeClass('hover') }); |
crazygangster77,
Вариант... <!DOCTYPE html> <html> <head> <title>Untitled</title> <meta charset="utf-8" /> <style type="text/css"> .hover{ display: block; } img{ display: none; } </style> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script> $(function(){ $('a[id ^= s]').hover(function(){ $('#img1').toggleClass('hover') }); }); </script> </head> <body> <a href="1.html" id="s1">Чебурашка</a> <a href="2.html" id="s2">Гена</a><br> <img id="img1" src="http://javascript.ru/forum/images/smilies/victory.gif" alt="" > </body> </html> |
рони,
Ксать в Опере <script src="http://code.jquery.com/jquery-latest.js"></script> перестал фурыжить ... может для кроссбраузерности что-нидь типо: <script type="text/javascript" src="http://yandex.st/jquery/1.8.2/jquery.min.js"></script> ну или с гугла ссылку |
Часовой пояс GMT +3, время: 16:48. |