Код:
<!--ТАБЛИЦА--> <div align="center"> <table border="10" bordercolor="800000" height="300" width="700"> <tr> <td rowspan="3" valign="top"> <center><div style="overflow: scroll; overflow-x: hidden; height: 285px; width: 300px"> <p><img src="http://s002.radikal.ru/i197/1208/39/9e9d9c360179.png" ></p> <b>ВНИМАНИЕ! Объявляется начало работы над возрождением ролевой! Приглашаются все желающие дать форуму новую жизнь и развить игру. Требуются квестоводы, пиарщики, дизайнеры, писатели, а также просто активные игроки и хорошие люди =) </b> <br><br> Администрация форума продолжает активно работать. Регистрируйтесь, мы всегда Вам рады. После регистрации советуем ознакомиться с сюжетом и правилами, а уже после заполнять анкету. <br><br> От гостей скрыты основные локации, а именно игровые. Увидеть их вы сможете только после регистрации и принятия анкеты. <br><br> </b> </div></center> </td> <td colspan="2" rowspan="5"> <img src="http://s60.radikal.ru/i168/1208/0b/9c5274fe65d7.jpg" > </td> <td> <div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://s018.radikal.ru/i514/1208/ca/6cef592c3096.png" ></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> <div align="center"> <table border="10" bordercolor="800000" background="http://s018.radikal.ru/i527/1208/00/3eb830517957.jpg"> <tr><td> <div align="center"><b>Время в ролевой</b><br> 23 мая, 2012 г. <br> Раннее утро <br> - - -<br> <b>Погода</b><br> Весна. Рассвет. Трава все еще мокрая от росы, на горизонте показывается красноватое солнце. <br> В Нью-Йорке дует немного прохладный ветерок, нагоняя облака. <br> Лас-Вегас полностью укрылся под тучами, уже третий день идут проливные дожди. <br> В Лагере Полукровок сияет теплое солнышко, цветут цветы, набухают почки деревьев. </div> </td></tr> </table> </div> </DIV></DIV></div> </td> </tr> <tr> <td> <div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://s55.radikal.ru/i150/1208/a9/eb2499dfaf19.png" ></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> <div align="center"> <table border="10" bordercolor="800000" background="http://s018.radikal.ru/i527/1208/00/3eb830517957.jpg"> <tr><td> <div align="center"><a href="http://persidjekson.rolka.su/viewtopic.php?id=2">Правила форума</a><br> <div align="center"><a href="http://persidjekson.rolka.su/viewtopic.php?id=5">Путеводитель по миру</a><br> <div align="center"><a href="http://persidjekson.rolka.su/viewtopic.php?id=6">Шаблон анкеты</a><br> <div align="center"><a href="http://persidjekson.rolka.su/viewforum.php?id=5">Пользовательская</a><br> <div align="center"><a href="http://persidjekson.rolka.su/viewforum.php?id=8">Сюжет</a><br> <div align="center"><a href="http://persidjekson.rolka.su/viewforum.php?id=6">Квесты</a><br> <div align="center"><a href="http://persidjekson.rolka.su/viewforum.php?id=12">Жалобы и предложения</a><br> <div align="center"><a href="http://persidjekson.rolka.su/viewforum.php?id=13">Вопрос-Ответ</a><br> <div align="center"><a href="http://persidjekson.rolka.su/viewforum.php?id=10">Объявления</a><br> <div align="center"><a href="http://persidjekson.rolka.su/viewforum.php?id=14">Флуд</a><br> </div> </td></tr> </table> </div> </DIV></DIV></div> </td> </tr> <tr> <td> <div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://s50.radikal.ru/i130/1208/6e/3e825e69faa5.png" ></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> <div align="center"> <table border="10" bordercolor="800000" background="http://s018.radikal.ru/i527/1208/00/3eb830517957.jpg"> <tr><td> <div align="center"><b>Наш баннер</b><br> <a target="_blank" href="http://persidjekson.rolka.su/"><img src="http://s017.radikal.ru/i408/1208/00/6b4592586cd7.png" ></a><br> <b>Друзья</b><br> </div> </td></tr> </table> </div> </DIV></DIV></div> </td> </tr> <tr> <td rowspan="2" valign="top"> <center><div style="overflow: scroll; overflow-x: hidden; height: 285px; width: 300px"> <p><img src="http://s51.radikal.ru/i133/1208/9e/8ace17e728e5.png" ></p> <div align="center"> <b>Администраторы</b><br> Немида Пейртчел <br><br> <b>Модераторы</b> <br>Идет набор </div> </div></center> </td> <td> <div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://i068.radikal.ru/1208/b3/32360ac27716.png" ></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> <div align="center"> <table border="10" bordercolor="800000" background="http://s018.radikal.ru/i527/1208/00/3eb830517957.jpg"> <tr><td> <div align="center"><b>Лагерь Полукровок</b><br> В связи с окончанием учебного года в Лагерь начинают потихоньку стекаться полукровки, приезжающие в Лагерь на время летних каникул. Домики богов-олимпийцев раскрывают свои двери, внутри наводится порядок и заселяются личные комнаты.<br> <b>Олимп</b><br> На Олимпе царит порядок и спокойствие. Боги готовятся к собранию олимпийцев в день летнего солнцестояния.<br> </div> </td></tr> </table> </div> </DIV></DIV></div> </td> </tr> <tr> <td> <div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://s017.radikal.ru/i439/1208/f4/b8d5c451eb7c.png" ></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> <div align="center"> <table border="10" bordercolor="800000" background="http://s018.radikal.ru/i527/1208/00/3eb830517957.jpg"> <tr><td> <div align="center"> Вы всего лишь гость, и хотите попиарить? Как знаете, а у нас тут весело, админы печеньками кормят. В общем так, пиар строго взаимый.<br> <b>Ник:</b> Пиар<br> <b>Пароль:</b> 4444 <br> <b>Кликаем каждый день!</b><br> <!--Палантир--> <a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=16147' target='_blank'> <script type="text/javascript"> Md=document;Mnv=navigator; Mrn=Math.random();Mn=(Mnv.appName.substring(0,2)=="Mi")?0:1;Mp=0;Mz="p="+Mp+"&"; Ms=screen;Mz+="wh="+Ms.width+'x'+Ms.height;My="<img src='http://palantir.in/count.php?id=16147&cid=2006_red.gif";My+="&cntc=none&rand="+Mrn+"&"+Mz+"&referer="+escape(Md.referrer)+'&pg='+escape(window.location.href);My+="' alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>";Md.write(My);</script> <noscript><img src="http://palantir.in/count.php?id=16147&cid=2006_red.gif" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript> </a> <a href='http://wizardtop.ru/in.php?id=1821' target='_blank' title='Волшебный рейтинг игровых сайтов'><img src='http://wizardtop.ru/b/1.gif' border='0' width='88' height='31' alt='Волшебный рейтинг игровых сайтов'></a> <A HREF="http://www.slashdot.ru/cgi-bin/top/rpg/topsites.cgi?listva123" TARGET="_BLANK"> <IMG ALT="Лучшие AD&D и RPG ресурсы Рунета" SRC="http://slashdot.ru/top/rpg/button88x31.gif" BORDER=0 width=88 height=31></A> </div> </div> </td></tr> </table> </div> </DIV></DIV></div> </td> </tr> </table> </div>
Код:
<!--Окошки в таблице--> <script type="text/javascript"> $(document).ready(function(){ $('.splLink').click(function(){ $(this).parent().children('div.splCont').toggle('normal'); return false; }); }); </script>