Вот толькочто запилил еще один эфект. Панелька управления постом, которая появляется при наведении мыши на пост.
Тоесть по умолчанию ссылки удалить/редактировать и т.д. скрыты, а появляются лишь тогда, когда пользователь наводит курсор на пост.
HTML код выглядит так:
<div class="list1">
<div class="tpanel">
// Здесь находятся изображения-ссылки для управления постом, которые появятся при наведении мыши на пост
</div>
Текст поста
</div>CSS код:
.tpanel{display: none; float: right; margin: 0 2px;}Как видите по умолчанию панель управления скрыта (display: none;)
Ну и jQuery код:
$('div.tpanel').parent().hover(
function (){$(this).children('div.tpanel').fadeIn(300)},
function (){$(this).children('div.tpanel').fadeOut(200)}
);parent() -- обращается к элементу-родителю
children() -- позволяет делать выборку только среди дочерних элементов
fadeIn(300) -- появление элемента путем изменения прозрачности за 300мс
fadeOut(200) -- скрытие элемента при отведении курсора от поста.
Результат можно увидет на скриншоте(курсор наведён на верхнюю новость).
