Ответов: 10 Просмотров: 102
|
Функция:
CODE ( javascript):
скопировать код в буфер обмена
function changeCss(link_1, link_2){ $(link_1+','+link_2).hover(function(){ $(link_1+','+link_2).addClass('hoverbg'); }, function(){ $(link_1+','+link_2).removeClass('hoverbg'); }); }
(Добавление)
Рабочий пример, думаю настроить под себя сможешь:
Спойлер (Отобразить)
CODE ( htmlphp):
скопировать код в буфер обмена
<!DOCTYPE html> <head> <title>asd</title> <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> <style> .hoverbg { background: #f00; color: #fff; } </style> </head> <body> <a href="#" class="link1">PHP</a> <a href="#" class="link2">PHP-forum</a> <br> <a href="#" class="link3">Google</a> <a href="#" class="link4">Google-forum</a> <br> <a href="#" class="link5">Yandex</a> <a href="#" class="link6">Yandex-forum</a> <script> $(document).ready(function(){ function changeCss(link_1, link_2){ $(link_1+','+link_2).hover(function(){ $(link_1+','+link_2).addClass('hoverbg'); }, function(){ $(link_1+','+link_2).removeClass('hoverbg'); }); } changeCss('.link1', '.link2'); changeCss('.link3', '.link4'); changeCss('.link5', '.link6'); }); </script> </body> </html>
|