Спасибо, не ожидал что так быстро отреагируете)))Добавлено (23.02.2012, 12:48)
---------------------------------------------
Не люблю просить о помощи но мучаюсь второй день, навожу курсор на текст, как по выше указанному, блок выезжает и тут же прячется,
Code
<table style="border-image: initial; ">
<tbody>
<tr>
<td style="border-image: initial; ">
<p style="margin-bottom: 0.0001pt; " class="MsoNormal"><o:p> <!--Start(infoblock0)-->
<style type="text/css">#block{position:relative;width:350px;margin:0 auto;}
.infoblock{height:350px;width:0px;float:left;position:absolute;overflow:hidden;filter:alpha(opacity=0);opacity:0;background-color: #DCDCDC;}
#id0{left:0;top:0;width:350px;z-index:-1;}
</style>
<script type="text/javascript">function onShow0(id){var obj=$('#'+id);
if(obj.css('opacity')=='0'){obj.css({zIndex:'1'}).animate({opacity:'1',left:'280px'},1000)}
else{obj.animate({opacity:'0',left:'0px'},1000,function(){obj.css({zIndex:'-1'})})}};
</script> </o:p></p>
<div id="block"><a onclick="return false;" onmouseover="onShow0('id0');" onmouseout="onShow0('id0');" style="font-size: medium; ">Электротехнические материалы</a>
<div id="id0" class="infoblock"><a href="/page/98">Технологии</a><br /><a href="/page/131">Каталог продукции</a><br /><a href="/page/132">Решение для горной промышленности</a><br /><a href="/page/133">Решение для строительства</a>
</div>
</div><!--//End(infoblock0)-->
<p> </p> </td>
</tr>