0

JQuery — Теги занимают много места

Опубликовано : 24-06-2011 пользователем : alex-saratov | категория : 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;
}

Итог: Большое количество меток, необходимых для перелинковки, но занимаю минимум места.

Публикация комментария

Вы должны быть авторизованы.