animate导航栏
问题描述:
下面的脚本可以调整为动画导航的高度,目前它暂停然后从一个大小跳转到另一个,我知道jQuery中的动画功能,但只是想知道如何以及在哪里实现它在这里。此外,该脚本正在计算导航的高度为宽度的四分之一。animate导航栏
$(function() {
var pause = 200; // will only process code within delay(function() { ... }) every 100ms.
$(window).resize(function() {
delay(function() {
var width = $(window).width();
if(width >= 600) {
// code for tablet view
var cw = $('nav a').width()/4; // calculation here
$('nav, nav ul, nav a').css({'height':cw+'px'}) // target
$('nav, nav ul, nav a').css({'line-height':cw+'px'}) // target
} else if(width <= 600) {
// code for mobile portrait
var cw = $('nav a').width()/4; // calculation here
$('nav, nav ul, nav a').css({'height':cw+'px'}) // target
$('nav, nav ul, nav a').css({'line-height':cw+'px'}) // target
}
}, pause);
});
$(window).resize();
});
请创建一个jsFiddle。 – 2013-03-25 15:06:21