Собственно хочу сделать такую штуку, как по ссылке
http://meb-biz.ru/catalog/tables/
Там внизу страницы есть текстовый блок, который частично скрыт. Для просмотра нажимаешь на ссылку и открывается полный текст без перезагрузки страницы. Подскажите как эта штука правильно называется, реально реализовать без яваскриптов (на css) и может есть вариант другого оформления с частичной прозрачностью текста ближе к концу, эдакий градиент?
- 16.10.2014 23:56
- 0
- 17.10.2014 01:09Дипломник
- Регистрация: 25.09.2014
- Сообщений: 161
- Репутация: 17
без яваскрипта никак. Тут принцип работы такой - есть блок с текстом и ссылка - нажимаете на ссылку, она скрывается, а блок раскрывается
Код HTML:<html> <head> <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script> </head> <body> ваш текст <div class="field" style='cursor:pointer'><div class="tofull" >Нажмите меня</div> <div class="full" style='display: none'>А вот и продолжение теста. Нажмите на меня и я закроюсь</div> </div> <script> $(".field").click(function () { $(this).find('.full').toggle(); $(this).find('.tofull').toggle(); }); </script> </body>
- 1
Спасибо сказали:
Revenant(17.10.2014), - 17.10.2014 12:14
Omura, А может подскажите варианты с другим оформлением, чтобы не было необходимости разбивать текст (выводилось заданное количество символов, к примеру 300). как правильно этот вид спойлера называется не знаете?
- 0
- 17.10.2014 12:37Дипломник
- Регистрация: 25.09.2014
- Сообщений: 161
- Репутация: 17
С помощью php можно автоматизировать разделение текста и появление кнопки для полног раскрытия, если текст длинее n симовлов. Названия как такового нету - раскрывающийся div, спойлер...
- 0
Похожие темы
| Темы | Раздел | Ответов | Последний пост |
|---|---|---|---|
Как спрятать код под спойлер? | Вопросы от новичков | 4 | 04.07.2014 10:45 |
Как организовать спойлер для Joomla? | Joomla | 5 | 18.02.2014 01:23 |
Что делать если частично скопирован блог? | Вопросы от новичков | 6 | 23.03.2012 17:36 |
Спойлер на блоге WordPress | Дайджест блогосферы | 0 | 04.04.2011 20:10 |
adsense cpa google instagram telegram xrumer youtube zennoposter аккаунт база банка быть вконтакт гугл делиться день есть запрос идея изменение импорт использовать качественный кейс комплексный контакт купить люба место можно монетизация накрутка новый нч-сч партнерский партнёрка партнёрская программа платформа поддержка поинт поинтовый прогон программа работа ресурс рост сайт скрипт спам ссылка стать стоимость страна тариф трастовый трафик учет хватать хрумер шаблон
Тем:
77,476Сообщений:
761,521Пользователей:
30,076Сейчас на сайте:
0 пользователей и 279 гостей
