Всем привет! Нашел у себя в компе интересный скрипт и сразу сюда))) Вот собственно пример. Кого заинтересовало, то ставим вот так: Подключаем 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 /> Здесь может быть текст, меню, ссылки и т.п. Спасибо за внимание! <br></div> </center> Картинку можете ставить любую. Размер шрифта, дизайн и т.д., все настраивается по вашему вкусу. Ну в общем все. Спасибо за внимание.
|