Zeferot
-
Posts
9 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Zeferot
-
Огромное спасибо, всё получилось =) И код "легче" стал на много.
-
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script > function one (objName) {if ( $(objName).css('display') == 'none' ) {$(objName).animate({height: 'show'}, 400); } else {$(objName).animate({height: 'hide'}, 200);}} function two (objName) { if ( $(objName).css('display') == 'none' ) {$(objName).animate({height: 'show'}, 400);} else {$(objName).animate({height: 'hide'}, 200);}} </script> <body id="page1"> <div id="table" class="tab" > <div class="row"> <span class="cell"><h1><img src="news/111.jpg" width="170" height="125" alt="" align="left" /> ЗАГОЛОВОК №1</h2> <a href="#" onclick="one('#1'); return false"><img src="news/next.jpg" alt="" /></a> <div id="1" style="display: none"> <p> РАЗВЕРНВШИЙСЯ ТЕКСТ №1 </p> </div> </span> </div> </div> <div id="table" class="tab" > <div class="row"> <span class="cell"><h1><img src="news/222.jpg" width="170" height="125" alt="" align="left" /> ЗАГОЛОВОК №2</h2> <a href="#" onclick="one('#1'); return false"><img src="news/next.jpg" alt="" /></a> <div id="1" style="display: none"> <p> РАЗВЕРНВШИЙСЯ ТЕКСТ №2 </p> </div> </span> </div> </div> </body> Вот =) Буду знать на будущее.
-
Я дико извинияюсь, но подскажите как правильно оформить код что бы Вам было удобнее его посмотреть. Дайте ссылку на пример. Я человек в этом деле новый. =) Не судите строго.
-
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script > function one (objName) { if ( $(objName).css('display') == 'none' ) { $(objName).animate({height: 'show'}, 400); } else { $(objName).animate({height: 'hide'}, 200); } } function two (objName) { if ( $(objName).css('display') == 'none' ) { $(objName).animate({height: 'show'}, 400); } else { $(objName).animate({height: 'hide'}, 200); } } </script> <body> <div id="table" class="tab" > <div class="row"> <span class="cell"><h1><img src="news/111.jpg" width="170" height="125" alt="" align="left" /> ЗАГОЛОВОК №1</h2> <a href="#" onclick="one('#1'); return false"><img src="news/next.jpg" alt="" /></a> <div id="1" style="display: none"> <p> РАЗВЕРНВШИЙСЯ ТЕКСТ №1 </p> </div></span></div></div> <div id="table" class="tab" > <div class="row"> <span class="cell"><h1><img src="news/222.jpg" width="170" height="125" alt="" align="left" /> ЗАГОЛОВОК №2</h2> <a href="#" onclick="one('#1'); return false"><img src="news/next.jpg" alt="" /></a> <div id="1" style="display: none"> <p> РАЗВЕРНВШИЙСЯ ТЕКСТ №2 </p> </div></span></div></div> </body> Так вот, ошибка в том, что при нажатии кнопки читать далее во втором блоке открывается текст первого блока и так независимо от колличества блоков.
-
Всё =) разобрался =) спасибо =) Всё =) разобрался =) спасибо =)
-
Нашел подходящий скрипт <html> <head> <title>Пример</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script> function one (objName) { if ( $(objName).css('display') == 'none' ) { $(objName).animate({height: 'show'}, 400); } else { $(objName).animate({height: 'hide'}, 200); } } function two (objName) { if ( $(objName).css('display') == 'none' ) { $(objName).animate({height: 'show'}, 400); } else { $(objName).animate({height: 'hide'}, 200); } } </script> <style type="text/css"> body { background-color: #ffa999; } #1 { background-color: #ffffff; margin-left: 20%; width: 70%; border-radius: 4px; border: 1px solid black; } #2 { background-color: #ffffff; margin-left: 20%; width: 70%; border-radius: 4px; border: 1px solid black; } ul { background-color: #ffffff; border-radius: 4px; border: 1px solid black; text-align: left; width: 15%; position: absolute; } </style> </head> <body> <ul> <li><a href="#" onclick="one('#1'); return false">Пример №1</a></li> <li><a href="#" onclick="two('#2'); return false">Пример №2</a></li> </ul> <div id="1" style="display: none"> Пример №1</br> Пример №1</br> Пример №1</br> Пример №1</br> </div> <div id="2" style="display: none"> Пример №2</br> Пример №2</br> Пример №2</br> Пример №2</br> </div> </body> </html> Но вот беда как его заставить работать так что бы например: идет начало статьи, потом троеточее, далее кнопка "читать полностью", а при ее нажатии кнопка пропадает, троеточее пропадает а плавно появляется статья целиком. А после статьи кнопка свернуть. Вот.
-
ай не css а cms опечатался =) И хотелось бы плавный show/hide как у joomla, а то у javascript он резко работает.
-
Подскажите как сделать чтобы новость на страничке показывалась не полностью, а только начало, далее кнопочка какая-нибудь, при нажатии на которую разворачивался остальной текст? Что то типа show/hide в joomla, сайт пишу сам, css нету. Заранее спасибо за помощь.
-
Как сделать что бы на странице сайта выводилось определенное количество новостей, а в низу странички кнопка при нажатии на которую к странице еще добавляется такое же количество новостей и так пока новости не закончатся. Заранее спасибо за помощь!