2017-07-17 52 views
1

我已經寫了一個CSS代碼淡入我的網站的標題效果。它運行良好,但我想淡入/出標題的某個部分,這取決於我離開的頁面。運行腳本,如果在某些網頁上,並離開另一個特定的網頁

這裏就是我想:

如果我要走了題爲「生物」,並打算在一個名爲「生物→動物」的頁面我想淡入只是部分「→動物學」 (並且我已經成功完成了),但是如果我仍然在進行「生物學→動物學」,現在放棄「生物學→動物學→脊椎動物」我想淡化部分「→脊椎動物」並保留「生物學→動物學」 」。

我認爲這會是這樣:

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

回答

0

這是邏輯:你需要使用一個腳本

(如PHP的$_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 
} 

,這就是你如何爲所有其他網頁做