如果在某个网页上运行脚本并留下另一个特定的网页

时间:2017-07-17 19:42:20

标签: javascript jquery html css html5

我已经为我网站的标题编写了一个淡入效果的CSS代码。它运作良好,但我希望根据我离开的页面淡入/淡出标题的某个部分。

这就是我想要的:

如果我正在离开名为“生物学”的页面并前往名为“生物学→动物学”的页面,我想淡出“→动物学”部分(我已成功完成),但是如果我现在仍在“生物学→动物学”,现在离开“生物学→动物学→脊椎动物”我想淡出“脊椎动物”部分并保持“生物学→动物学”。

我认为它是这样的:

if ((window.location.pathname == 'x') && (Leaving_page == 'y')) {
            //code for fade-in/out here
}

1 个答案:

答案 0 :(得分:0)

这是逻辑:

您需要使用脚本(例如php' s $_SERVER['HTTP_REFERER']或其他任何内容)来了解用户来自的页面。

你还需要使用不同的类名来编写不同的css动画效果(例如.name-fade-out.name-fade-in

执行此操作后,请使用if语句在您的"动态"中执行此类操作。页:

if (prev_page == 'http://www.example.com/biology'){
    //print    Biology <span class=".name-fade-in"> → Zoology <span>
}
else if (prev_page == 'http://www.example.com/biology/zoology/vertebrates'){
    //print    Biology → Zoology <span class=".name-fade-out"> → Vertebrates <span>
}
else{
    //print    Biology → Zoology
}

以及如何为所有其他页面执行此操作