Всем привет! Нашел у себя в компе интересный скрипт и сразу сюда))) Вот собственно пример. -
Code
http://a1ma2.narod.ru/musorka/test_scripta.html
Кого заинтересовало, то ставим вот так:
Подключаем jquery. Вставляем между <head> и </head>
Code
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js"></script>
Тоже между <head> и </head>
Code
<script type="text/javascript">
$(document).ready(function()
{
$(".show").click(function() {
if($('.info').is(':hidden')) {$('.info').slideDown(130);} else {$('.info').slideUp(130);}
});
});
</script>
Это куда нужно:
Code
<center>
<table style="margin-bottom: 2px; margin-top: 2px; background: #FFFFFF; border: 1px solid #f2f2f2;" cellpadding="0" cellspacing="0" width="100%">
<td style="vertical-align: top; padding: 5px; font-size: 10px;">
<img class="show" align="absmiddle" src="http://www.iconsearch.ru/uploads/iconlib/nuove/22x22/actions/knewstuff.png" border="0" alt="Кнопка выдвигающейся формы" style="cursor: pointer; margin-right: 10px;">
</td>
<td style="width: 99%;padding: 5px; font-size: 10px; text-align: left;">
Название кнопки(нажмите на звезду)
</td>
<td style="color: #444444; font-size: 10px;"></td>
</table>
<div class="info" style="display: none; font-size: 10px; border: 1px solid #f1f1f1; text-align: left; margin-bottom: 2px; margin-top: 2px; width: 100%;">
<br />
Картинку можете ставить любую. Размер шрифта, дизайн и т.д., все настраивается по вашему вкусу.
Ну в общем все. Спасибо за внимание.
Источник материала: Не знаю...