我已经为我网站的标题编写了一个淡入效果的CSS代码。它运作良好,但我希望根据我离开的页面淡入/淡出标题的某个部分。
这就是我想要的:
如果我正在离开名为“生物学”的页面并前往名为“生物学→动物学”的页面,我想淡出“→动物学”部分(我已成功完成),但是如果我现在仍在“生物学→动物学”,现在离开“生物学→动物学→脊椎动物”我想淡出“脊椎动物”部分并保持“生物学→动物学”。
我认为它是这样的:
if ((window.location.pathname == 'x') && (Leaving_page == 'y')) {
//code for fade-in/out here
}
答案 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
}
以及如何为所有其他页面执行此操作