Фотошоп Онлайн - это бесплатный графический интернет редактор, на русском языке и на других языках тоже не требующий установки программы на Ваш компьютер.
Главная » 2013»Декабрь»1 » Спойлер для видео, фото ,текста. Спойлер в HTML для сайта
21:37
Спойлер для видео, фото ,текста. Спойлер в HTML для сайта
Простой спойлер для сайта в HTML
Вы наверно знаете что спойлер — это удобная кликабельная кнопка/текст,
после нажатия на которую выдвигается спрятанная часть. Применять
спойлеры очень полезно, как минимум в плане эстетики, когда куча
информации раскидана по странице — согласитесь, это не очень красиво и
удобно. Я предлагаю вашему вниманию совершенно простой внешне и со
стороны кода спойлер для вашего сайта на HTML. Кстати,
если вас не устраивает минималистический вид «голого» HTML-ного
спойлера, можно подключить и CSS, я его прилагаю, сморите ниже.
<center> <div class="spoil"> <div class="smallfont"><input type="button" value="Нажмите что бы открыть или закрыть спойлер" class="input-button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Свернуть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Смотреть'; }"/> </div> <div class="alt2"> <div style="display: none;"> Скрипт видео или текста или фото (Текст внутри спойлера) </div> </div> </div> </center>
...
