webew
Войти » Регистрация
 
CSS

Обращение к элементу стоящему на уровне, или на уровень выше

27 ноября 2012, 2:40
Автор: knoot0279
Ну, возьмем к примеру этот сайт, имеется 1 таблица и 1 див(понимаю что их больше, но для примера хватит и их) :
<table class="top">
и
<div class="menu">
.

Вопрос следующий, как при наведении на
<div class="menu">
заставить исчезнуть
<table class="top">
(или наоборот, не суть...) ?
Если это вообще возможно.
Добавить комментарий
Отображение комментариев: Древовидное | Плоское

1234ru

Возможно.
Уточнение: при "сведении" мыши обратно исчезнувший элемент должен снова появляться?
То, что не убивает нас, делает нас инвалидами.
27.11.2012, 07:32
Ответить
NO USERPIC

knoot0279

элемент изначально видим, при наведении он становится не видимым, ну а при сведении возвращается изначальный параметр, это же :hover
не подскажете как реализовать это?
27.11.2012, 19:55
Ответить

1234ru

У библиотеки jQuery есть метод .hover().

(function() {
    var switcher = $('.main'),
         target = $('.top');
   
    switcher.hover(
        function() { target.hide(); },
        function() { target.show(); }
    );
})();


Примечание: код обернут в анонимную функцию, которая тут же и выполняется, чтобы не занимать используемыми переменными глобальное пространство имен.
То, что не убивает нас, делает нас инвалидами.
28.11.2012, 15:29
Ответить
NO USERPIC

knoot0279

А на чистом CSS это(обращение к элементу выше уровнем) возможно???
Меня просто давно уже охватила идея выжать из CSS все до последней капли :)
вот пример(может так проще сообразить будет...):
<html>
<head>
<style>
#header:hover #content {
   background: #323232; /* и т.д*/
}
#content:hover           {                          /*Как обратиться к "#header" ? Наведение на "#content", а он на уровень ниже... "#content:hover #header" ничего не получится, т.к он ищет "#header" внутри "#content" */
}
</style>
</head>
<body>
<div id="header">
      <div id="content">
      </div>
</div>
</body>
</html>
08.12.2012, 14:33
Ответить

1234ru

Нет, только средствами CSS, к сожалению, нельзя, поскольку нет возможности указывать взаимосвязи двух произвольно взятых элементов.
То, что не убивает нас, делает нас инвалидами.
11.12.2012, 22:46
Ответить
© 2008—2017 webew.ru, связаться: x собака webew.ru
Сайт использует Flede и соответствует стандартам WAI-WCAG 1.0 на уровне A.
Rambler's Top100

Реклама: