В скрипте при наведение курсора на див, меняется прозрачность div'a. В том div'е есть ссылка, и при наведение на ссылку, функция прозрачности срабатывет сново.
Видео (что б понятние было):
http://youtu.be/EEEMaEwTCwk
Html:
<div id="post_prev{html:id_id}" style="background:white url({html:img_img}) no-repeat; width:210px; height:210px; margin-bottom:20px;" onMouseOver="img_menu_show('post_prev{html:id_id}_2','#000000');" onmouseout="img_menu_hide('post_prev{html:id_id}_2','url({html:img_img})');">
<div id="post_prev{html:id_id}_2" style="width:100%; height:100%; opacity:0; filter: alpha(opacity=0); background-color:#000000; color:#ffffff; font-size:13px; cursor:pointer;" onClick="window.location.href='/watch.php?comix={html:id_id}&{var:SES}'">
{lang:User_added} <a href="/user.php?login={html:user_login}&{var:SES}" style="color:white;">{html:user_login}</a>, {html:time}<br />
{html:watched}<br />
{html:rating}<br />
{html:comments}<br />
{html:size}<br />
{html:weight}<br /><br />
{html:teh}<br />
</div>
</div>
Функция:
function img_menu_hide(id,color){
//Делаем прозрачным
$('#'+id).animate({
opacity: 0,
//left: '+=50'
}, 400, function() {
//document.getElementById(id).style.background=color;
});
}
function img_menu_show(id,color,opacity){
if(typeof(opacity)=='undefined'){ opacity=0.8; }
//Убираем прозрачность
$('#'+id).animate({
opacity: opacity,
//left: '+=50'
}, 400, function() {
//document.getElementById(id).style.background=color;
});
}