» »

Скрипт "Ваш текст при нажатии"


Скрипт "Ваш текст при нажатии"

Я думаю , что многим пользователям будет полезен данный скрипт.
Он отлично подходит для студии создание сайтов/Дизайнов.
При описание своих услуг , они могут скрыть много текста , а оставить 1-2 строчки.
То есть , если у вас много информации , то вы можете написать 1-2 строчки ( пример ) , а все остальное засунуть под кнопку.


Код кнопки очень маленький и прост . Ее можно использовать сколько угодно раз.
Код
<!--uzcode--><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Код</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><!--uzc-->  
<a onclick="$('#ID').slideToggle('slow');" href="javascript://">Подробнее</a>  
<div id="ID" style="display: none;">Ваш Текст</div>  
<hr />

Если вам нужно не одно , то это очень просто.
Если немного посмотреть и понять код , то можно увидеть:
Код
<a onclick="$('#ID') - ID номер кнопки открытия.  
<div id="ID" - ID при нажатие на номер кнопки , будет показывать текст.

То есть , если вам нужна вторая , то пишем такой код:
Код
<a onclick="$('#ID1').slideToggle('slow');" href="javascript://">Подробнее</a>  
  <div id="ID1" style="display: none;">Ваш Текст</div>

Источник: Exrec.Ru
09.12.2013 Просмотров: 887 Комментарий: (5)

Поделиться в социальных сетях

Материал разместил

Комментарий: 5
Delete
Delete 10.12.2013 12:031
0
и здесь тоже реклама...
Kosten
Kosten 10.12.2013 13:252
0
N_O_O_B, да черт с ней пускай остается.
๖ۣۜInspire
๖ۣۜInspire 10.12.2013 14:543
0
и здесь убрал
Kosten
Kosten 11.12.2013 13:124
0
Supermenыч, а что хоть убрал? Все понять не могу!
๖ۣۜInspire
๖ۣۜInspire 11.12.2013 16:345
0
Kosten, в названии была ссыль на сторонний ресурс
avatar