хтмл вверх
Код:
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>хтмл низ
Код:
<style>
div .splLink {width: 170px; height: 85px; font-weight: bold; background: transparent; }
.spll {width: 140px; height: 80px; }
.spll div .splCont {height: auto; width: 180px; padding: 5px; z-index: 1000; border: 1px solid #002000; font-size: 12px; font-family: Century Gothic; text-align: center;}
</style>объявление
Код:
<table width="100%" border="0">
<tr>
<td align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
<img src="картинка"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
<td align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
<img src="картинка"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
<td align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
<img src="картинка"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
<td align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
<img src="картинка"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
</tr>
</table>
<div align="center"><table width="737" height="370" border="0" background="http://s07.radikal.ru/i180/1106/8f/6d049cf26fba.png">
<tr>
<td width="33%"><div align="center">Новости</div><br>
<div style="overflow:auto; overflow-x:hidden; height:200px;" ><p align="center">Текст</p></div></td>
<td width="34%"><div align="center"><img src="ссылка на картинку"></div></td>
<td width="33%"><div align="center">Администрация</div><br>
<div style="overflow:auto; overflow-x:hidden; height:200px;" ><p align="center">Текст</p></div></td>
</tr>
</table><div>