В хтмл-верх ставим:
<style>
div .splLink {width: 130px; height: 40px; border: 3px solid #eae8d2; background: #ссаасс; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 300px; background: #eae8d2; padding: 5px; z-index: 1000; margin-top: 5px; border: 0px solid #eae8d2; font-size: 9px; font-family: verdana; text-align: center;}
</style>
если вы знаете хотя бы косвенно CSS, то для вас не составит труда заполнить подобного рода таблицу.
- размеры, меняя значения изменится размер окошка
- размеры для картинки (которая будет при нажатии раскрываться.
- рамочка вокруг картинки (______,,______)
- задний цвет
- выравнивает картинку или текст по центру.
- дополнительные параметры шрифты.
- фон окошка.
- рамка вокруг окошка (если нужна).
- параметры текста окошка.
Это в ХТМЛ низ, ничего не изменя.
<!--Спойлер - контейнер-->
<script type="text/javascript" src="http://ferodar.narod.ru/ajax/js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>
В каждую ячейку таблицы
<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>
Отредактировано .D (25.05.2010 00:43:23)
