Справка по jquery hover / change css - PullRequest
Новая
       8

Справка по jquery hover / change css

6 голосов
/ 02 августа 2010

Я новичок в jQuery и ищу простой скрипт (или, может быть, есть более простой метод), где, если пользователь наводит курсор на элемент, свойство css другого элемента изменяется.

Например,наведите курсор мыши на это изображение, и "border-bottom" на другом элементе изменит цвет или что-то в этом роде и т. д. спасибо

Ответы [ 3 ]

14 голосов
/ 02 августа 2010

используйте свойство hover 

$('#elementA').hover(function(){
    $('#elementB').addClass('active');
},function(){
    $('#elementB').removeClass('active');
});

, затем стиль активного класса в вашем CSS

6 голосов
/ 02 августа 2010

Что вы пробовали до сих пор?

Вот документация jQuery по наведению .В основном, предоставьте селектор для объекта, над которым вы хотите навести курсор (и оставьте, если вы не хотите постоянного эффекта).Затем внутри функции события выберите объект, который вы хотите изменить, и обновите его Настройки CSS .(Или, если для вас написан класс, обновите до нового класса .)

Если вы хотите добавить код, который вы пытались написать (обновите свой пост),Я был бы более чем рад помочь вам с этим.

3 голосов
/ 02 августа 2010

Надеюсь, это поможет. 

<html>
    <head>
        <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
        <script>
            $(document).ready(function(){
                $("#test").hover(function()
                {
                    $("#test2").css("background-color", "blue");
                }, function()
                {
                    $("#test2").css("background-color", "green");
                });
            });
        </script>
    </head>
    <body>
        <div id="test" style="border:solid 1px black;" >
            Hover Over Me
        </div>
        <br />
        <div id="test2" style="background-color:green;">
            Test2
        </div>
    </body>
</html>
...