Представлена парочка самых интересных таб - эффектов. Их с десяток.
Здесь табы пятого контейнера.

$('#container-5').tabs({ fxSlide: true, fxFade: true, fxSpeed: 'normal' });

                               

Разработка сайтов от Elfix. Качественная графика.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

 

Табы четвёртого контейнера - $('#container-4').tabs({ fxFade: true, fxSpeed: 'slow' });

Текст. Текст. Текст. Кроме текста можно использовать картинки, gif - анимацию , swf - флэш ( без затухания ) , да и не только.

                 

             

Эффекты табов определяются нумерацией контейнеров. Корректировка скорости - заменой 'slow' на 'normal' или 'fast'.

$('#container-1').tabs();
$('#container-2').tabs(2);
$('#container-3').tabs({ fxSlide: true });
$('#container-4').tabs({ fxFade: true, fxSpeed: 'slow' });
$('#container-5').tabs({ fxSlide: true, fxFade: true, fxSpeed: 'normal' });
$('#container-6').tabs({
fxFade: true,
fxSpeed: 'fast',
onClick: function() {
alert('onClick');
},
onHide: function() {
alert('onHide');
},
onShow: function() {
alert('onShow');
}
});
$('#container-7').tabs({ fxAutoHeight: true });
$('#container-8').tabs({ fxShow: { height: 'show', opacity: 'show' }, fxSpeed: 'normal' });
$('#container-9').tabs({ remote: true });
$('#container-10').tabs();
$('#container-11').tabs({ disabled: [3] });