| Вова | Дата: Воскресенье, 18.07.2010, 16:59 | Сообщение # 1 |
 Гловарь банды
Группа: Администраторы
Сообщений: 1782
Статус:  | Разворачивающийся и свертывающийся блок с текстом.
Code <html> <head> <title>Развертывание / сворачивание на jQuery</title> <style> body{ padding:10px; font-family:tahoma; } .jq{ text-decoration:none; color:#000; padding:10px; border:1px solid #666; } .jq:hover{ background-color:#F39; } #box{ display:none; } </style> <script type="text/javascript" src="jquery-1.3.2.min.js"></script> <script type="text/javascript"> jQuery(function() { $('#q1').click(function() { $('#box').slideToggle(); }); }); </script> </head> <body> <a href="#" id="q1">Свернуть/Развернуть</a> <div id="box"> текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст</p> Таким же способом можно запросто организовать <strong>выпадающее меню</strong></p> <a href="http://life.on-portal.ru/">Все для ucoz</a></p> </div> </body> </html> |
| |
| |
