0
JQuery — Теги занимают много места
Опубликовано : 24-06-2011 пользователем : alex-saratov | категория : JQuery
Метки: JQuery, Анимация
Чем дольше живет сайт тем больше накапливается меток ( тегов ). Теги очень важны для внутренней перелинковки страниц, но размещать их бывает сложно. Однако мы можем применить к ним анимацию с скрыть лишние.
Применение тому можно увидеть на сайте http://udacha-tech.ru/
Для этого делаем скриптик.
$(document).ready(function(){
var sb_tags = $("#sidebar-tags");
sb_tags.css( "max-height" , "200px" );
sb_tags.hover(function(){
sb_tags.animate( { "max-height":"100%" }, 1000 );
},function(){
$("html:not(:animated)" + (!$.browser.opera ? ",body:not(:animated)" : "")).animate({
scrollTop: $("#sidebar-tags").position().top - 70
}, 700);
sb_tags.animate( { "max-height":"200px" }, 1000 );
});
});
И описание CSS
#sidebar-tags {
overflow:hidden;
}
Итог: Большое количество меток, необходимых для перелинковки, но занимаю минимум места.