Question

如本网站here所示，我试图在点击每个标签时复制三个标签之间的淡入淡出过渡。我不知道我是否遗漏了某些东西，或者我只是个白痴，但我似乎无法在源头找到编码隐藏/可见事件。

如果有人可以向我指出，或者建议一个简单的替代方案，我会非常感激。

提前致谢。

Answer 1

查找jQuery Fade In功能并淡出，很容易复制这样的内容。

Sudo Code：

link.onClick{
 $('#lastDiv').fadeOut('slow')
 $('#newDiv').fadeIn('slow')
}

Answer 2

它实际上是通过jQuery完成的：

$(".content").each(function() {
    var container = this
    var tabbodies = $(this).find(".tabbody")
    var tabs = $(this).find(".tab")
    if (!isMobile) tabs = tabs.not(".news .tab")
    tabs.click(function(e) {
    e.preventDefault()
    var self = this
    var body = this.hash ? $(this.hash) : $(this).next(".tabbody")
    tabs.not(this).removeClass("current")
    $(this)[isMobile ? "toggleClass": "addClass"]("current")
    tabbodies.not(body).stop(true, true)[isMobile ? "slideUp" : "hide"]()
    body.stop(true, true)[isMobile ? "slideToggle" : "fadeIn"]()
    if (isMobile) $.scrollTo(container, 500, {offset: {top: -45}})
})

使用Firebug，您可以在第245行的script.js中看到它。

试图复制可见/隐藏div之间的淡入淡出

2 个答案: