我正在玩这个我发现的小提琴,它非常接近我想要做的事情:
唯一的事情是,当我尝试将标签更改为section
标签时,div
它会中断,而且我希望 div淡出而不是 slide。
非常感谢您的帮助!
我正在玩这个我发现的小提琴,它非常接近我想要做的事情:
唯一的事情是,当我尝试将标签更改为section
标签时,div
它会中断,而且我希望 div淡出而不是 slide。
非常感谢您的帮助!
更新小提琴:http: //jsfiddle.net/UDt7q/22/
试试 - http://jsfiddle.net/UDt7q/21/
(function($) {
$.fn.Fader = function() {
this.each(function() {
$('a').bind('click', function(e) {
e.preventDefault();
$( "#hello div" ).fadeOut();
$( "#hello div" + $(this).attr('href') ).fadeIn();
})
});
}
})(jQuery);
这应该适合你:http: //jsfiddle.net/5N3YK/23/
我更改了代码的功能以隐藏div
s 而不是将它们推离页面,但想法是一样的。
section
s 现在div
是 s,它们会褪色而不是滑动。
要使某些东西“出现”,您可以使用
$('.selector').fadeIn();
来自 Jquery。类似地,你可以 show()、hide()、fadeOut()