справка свойства CSS парения/изменения jQuery

Question

справка свойства CSS парения/изменения jQuery

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

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

6

jquery html css hover

задан Mike 2 August 2010 в 19:16

3 ответа

Другие вопросы по тегам:

jquery html css hover

Похожие вопросы:

score 14 · Answer 1

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

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

затем стилизуйте активный класс в вашем css

score 6 · Answer 2

Что вы уже пробовали?

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

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

score 3 · Answer 3

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

<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>