由标签触发的潜水转换

Div transition triggered by a tags

本文关键字：潜水 转换 标签      更新时间：2023-11-08

我正在摆弄我发现的这把小提琴，它非常接近我想要做的：

http://jsfiddle.net/5N3YK/20/

唯一的问题是，当我试图将section标记更改为div标记时，它会中断，而且我还希望div的淡入淡出，而不是滑动。

我们总是非常感谢您的帮助！

尝试-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);

更新的fiddle：http://jsfiddle.net/UDt7q/22/

这应该适用于您：http://jsfiddle.net/5N3YK/23/

我更改了代码的功能，以隐藏div，而不是将它们从页面上推掉，但想法是一样的。

section s现在是div s，并且它们衰减而不是滑动。

要使某些东西"出现"，可以使用

$('.selector').fadeIn();

来自Jquery。类似地，您可以显示（）、隐藏（）、淡出（）

相关文章：