Скрипт открытие закрытие блока на сайте - Скрипты - UCOZ - Каталог файлов - Каморка
kamorka
Menu
Правила чата
Пользователи онлайн
Мини-чат
+Мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0
   Категории

Комментарии

KaMoRkA.uCoz.com -- uCoz -- Скрипты


Это простой способ открытие и закрытие блога, который работает на JS. Который будет работать без библиотеки и переключать функцию. Здесь написана функция openblock, где заключается ее работа, это передавать id блоку, который как раз отвечает за открытие и также аналогично на закрытие. По своей работе не чем не отличается от этого материала, просто немного по другому сделан, это с применением библиотеке, что для кого важно не исключаю.

Здесь к примеру создали ссылку и также краткое описание на HTML кодах под основную работу открытия закрытия блока, и здесь соединим ей на событие onclick под работающий функционал. Как можно посмотреть, здесь все довольно просто, вам нужно прописать свой материал и есть редактирование под название, почему бы просто не написать "Далее" и также все будет понятно.

Приступаем к установке:

Код
<script>  
  function openblock(idblock){  
if (document.getElementById(idblock).style.display == "none"){  
/*Если свойство display равно none*/  
  document.getElementById(idblock).style.display="block"; // переключаем свойство в block  
}  
else{  
/*Если свойство display не равно none*/  
  document.getElementById(idblock).style.display="none"; // переключаем свойство в none  
}  
}  
</script>  

<a href="#" onclick="openblock('i1')">Открыть/закрыть на сайте ZORNET.RU</a>  
  <div id="i1" style="display:none;"> <div align="center">Здесь вы можете скрывать текст статьи или описание, которое будет вашем материале, А также прикрепить изображение к нему.  

<img border="0" align="absmiddle" src="http://zornet.ru/ZORNET/drental/OohSq3Z.png"></div> </div>


PS - в коде сделал отступы, это для того, чтоб понимали, где вы можете ставить описание свое или материал, там описание и еще картинка установлено для наглядности.

Важно!

При копировании материала указывать ссылку на источник.

- 571
- 05-Февраля-2017
- 0
Материал разместил:

Похожий материал
Статьи сайта