Скрытие и открытие блоков на кукисах с красивым эффектом
Открытие и скрытие блоков, очень полезный скрипт, он подходит больше всего для белых дизайнов. Так-же нужно посмотреть какой красивый эффект при открытии а так-же закрытии блоков, у некоторых кривит дизайн, но если кривой становится дизайн то значит шаблон у вас с багами
1) Вниз сайта вставляем это скрипт
Code
<script type="text/javascript"> $.getScript("http://ucozomania.ru/imagestable/js/cookie.js");
var positionblok = {marginLeft:"216px"};//marginLeft меняем на marginRight если у вас блоки на правой староне. 216px это ширина блока вписываем своё.
var positionblok2 = {marginLeft:"0px"};//marginLeft меняем на marginRight если у вас блоки на правой староне.0px не меняем!!!
var urlcloseimg = "http://webo4ka.ru/Ucoz5/s_close_ckritie_blokov_cooki.png";//ссылка на картинку скрытия блоков
var urlopenimg = "http://webo4ka.ru/Ucoz5/s_open_ckritie_blokov_cooki.png";//ссылка на картинку открытия блоков
$.getScript("http://webo4ka.ru/Ucoz5/slide.block.forum_ckritie_blokov_cooki.js");</script>
var positionblok = {marginLeft:"216px"};//marginLeft меняем на marginRight если у вас блоки на правой староне. 216px это ширина блока вписываем своё.
var positionblok2 = {marginLeft:"0px"};//marginLeft меняем на marginRight если у вас блоки на правой староне.0px не меняем!!!
var urlcloseimg = "http://webo4ka.ru/Ucoz5/s_close_ckritie_blokov_cooki.png";//ссылка на картинку скрытия блоков
var urlopenimg = "http://webo4ka.ru/Ucoz5/s_open_ckritie_blokov_cooki.png";//ссылка на картинку открытия блоков
$.getScript("http://webo4ka.ru/Ucoz5/slide.block.forum_ckritie_blokov_cooki.js");</script>
2) Какие блоки вы хотите скрывать, нужно поставить для дива или таблицы вот такой id - id="blockleft" к примеру
Code
<td id="blockleft" width="216px" valign="top">$GLOBAL_LEFT$</td>
3) И так если у вас есть вот такие теги на странице
Code
<!-- <body> -->тут конетент<!-- </body> -->
то нужно сделать вот так
Code
<!-- <body> --><div id="contentforum1">Тут контент. который будет плавно расширяться при скрытии блоков.</div><!-- </body> -->
Источник: не указан
0 комментариев