Сворачивающиеся блоки с запоминанием на coocies
10.04.2026 234 0 VeL
Сворачивающиеся блоки с запоминанием на coocies - данный скрипт позволяет сворачивать и разворачивать любой контент на вашем сайте. Скрипт подойдет для вывода краткого описания к материалу, мини чатов и т.д. Так же скрипт имеет свойство запоминания на куках. То есть после обновления странице блоки останутся прежними.
Установка:
1. Скачиваем архив и заливаем его к себе на сайт.
2. В таблицу стелей CSS вставляем код:
Код
.blocks {border:1px solid #cecece;margin:10px 4px} .bclose {background: url('/images/m.png') no-repeat;width:16px;height:16px;float:right;cursor tongue ointer;margin-right:4px;} .bopen {background: url('/images/p.png') no-repeat;width:16px;height:16px;float:right;cursor tongue ointer;margin-right:4px;} .btitle {padding:4px;padding-left:6px;font-weight:bold;} .bcontent {padding:10px;border-top:1px solid #cecece;}
В любой глобальный блок сохраняем:
Код
<script type="text/javascript" src="/images/bcookie.js"></script>
Данный код вставляем в место где хотите видеть блок:
Код
<div class="blocks"> <div class="btitle"><div class="bclick bclose" rel="bid1"></div>Название блока</div> <div class="bcontent" id="bid1">Содержимое блока</div> </div>
- Для каждого нового блока, код bid1 должен быть уникальным, то есть did1, bid2, bid3 - 1,2,3 блоки.
- Название блока - заменяем на название вашего блока
- Содержимое блока - здесь будет отображаться информация при раскрытии блока.
Комментариев:0
