Как сделать такой эффект?

Главные вкладки

Аватар пользователя gothica@drupal.org gothica@drupal.org 15 марта 2010 в 17:34

Как в блоговых записях на главной сделать такой эффект?

При наведении мыши текущая статьи подсвечивается..

Или может кто знает javascript плагин jquery\mootols который может вытворять такие штуки?

Комментарии

Аватар пользователя Stan.Ezersky Stan.Ezersky 15 марта 2010 в 19:04

"<a href="mailto:gothica@drupal.org">gothica@drupal.org</a>" wrote:
Там слишком сложно, поэтому ищу jquery плагин такой ,может кто знает!
Для чего jQuery? div.class:hover {background: #000; etc...}

Аватар пользователя gothica@drupal.org gothica@drupal.org 15 марта 2010 в 23:50

Это конечно здорово, но как быть когда значения всех id у тегов div в материалах на главной различные? То есть если судить по этой статье как вариант делается так:

$('#hover-demo2 p').hover(function() {
  $(this).addClass('pretty-hover');
}, function() {
  $(this).removeClass('pretty-hover');
});

Где hover-demo2 выступает в роли id.

В Друпале же идет:

<div id="node-1"> ... </div>
<div id="node-2"> ... </div>
 ...
<div id="node-n"> ... </div>
Аватар пользователя gothica@drupal.org gothica@drupal.org 16 марта 2010 в 11:12

нет, никакая не раскрутка) просто был найден нужный эффект! Никто же не заставляет тыкать по ссылке на той странице!!! Но если тема топика уже понятна, то удаляю ту ссылку, чтобы не возникало лишних таких неправильных мнений!!!

Аватар пользователя gothica@drupal.org gothica@drupal.org 16 марта 2010 в 11:58

можно ли в page.tpl.php узнать находиммся мы на главной или нет? то есть имееются тизеры или полные статьи? нужно для того чтобы применить эффект только к тезиерным статьям.. поскольку классы пересекаются и там и там.. пример

        $(document).ready(function(){
                $('div .main-content .clear-block').fadeTo(300, 0.65);
                $('div .main-content .clear-block').hover(function() {
                        $(this).fadeTo(300, 1);
                }, function() {
                        $(this).fadeTo(300, 0.65);
                });
        });

Необходимо, чтобы этот код срабатывал только на главной странице (там где тизерные статьи). А сейчас он работает повсюду...

Аватар пользователя Stan.Ezersky Stan.Ezersky 16 марта 2010 в 13:29

"<a href="mailto:gothica@drupal.org">gothica@drupal.org</a>" wrote:
Хорошо, ну а как в page.tpl.php когда я прописываю секй код сделать так, чтобы он выполнялся только для главной страницы?

<?php if($front) : ?>
//подключаем jaavascript
<?php endif; ?>
Аватар пользователя gothica@drupal.org gothica@drupal.org 16 марта 2010 в 14:08

пробую это в page.tpl.php но не получается... насколькоя понимаю $front нет такой перменной вообще, попробывал просто еще вывести print $front - и ничего не выводит, находясь кстати на главной!