Сохранение режима наведения до наведения мыши на другую кнопку / ссылку - PullRequest
Новая
       0

Сохранение режима наведения до наведения мыши на другую кнопку / ссылку

1 голос
/ 07 июня 2010

Вы знаете, когда вы пролонгируете меню, оно покажет подменю. Я хотел, чтобы подменю было видно, даже когда я выкатился из кнопки, и изменяйте подменю только при наведении указателя мыши на другие ссылки или кнопки.

Включает ли это JavaScript? или это можно сделать только в CSS?

Ответы [ 3 ]

1 голос
/ 07 июня 2010

Вот как я решил сделать это (используя jQuery): Редактировать: для записи это нельзя сделать только в HTML и CSS. 

<!DOCTYPE html>
<html lang="en">
<head>
    <style type="text/css">
        .link {
            display: block;
            width: 100px;
            height: 50px;
            border: 1px solid #000000;
            float: left;
            padding-right: 5px;
        }
    </style>
    <script type="text/javascript" language="javascript" src="http://code.jquery.com/jquery-1.4.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('.link').mouseover(function() {
                $('.link').stop().animate({ //Ensure all ".link" tags are set to black border
                        border: '1px solid #000000'
                    });
                $(this).stop().animate({ //Change current ".link" to a red border
                    border: '5px solid #ff0000'
                }, 150, function() {
                    //Do nothing when the animation has finished
                });
            });
        });
    </script>
</head>
<body>
    <a href="#" class="link">Link 1</a>
    <a href="#" class="link">Link 1</a>
    <a href="#" class="link">Link 1</a>
    <a href="#" class="link">Link 1</a>
</body>
</html>

Надеюсьпомогает!

0 голосов
/ 07 июня 2010

с Jquery /

класс кнопок меню: .btnMenu {} класс других кнопок и ссылок: .btnOthers {} 

$('.btnMenu').hover(
   function() {
      $('ul.subMenu').css('display','none');};
   function() {
      $(this).children('ul.subMenu').css('display','block');};
);

$('.btnOthers').hover(
   function() {
      $('ul.subMenu').css('display','none');}
);

это должно работать, у меня нет другого решенияна данный момент /

может быть возможно только при использовании css, но я не могу найти один /

btw, возможно с css3 & html5 //

0 голосов
/ 07 июня 2010

из его звуков лучше всего было бы настроить javascript таким образом, чтобы при наведении курсора на этот элемент происходило расширенное действие, и этот элемент исчезал только при наведении курсора на конкурирующий элемент, если вы дали код, который вы используете в настоящее время, облегчит вам дать пример кода для сборки.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...