2017-07-17 2 views
1

Ich habe einen CSS-Code für einen Einblendeffekt auf den Titel meiner Website geschrieben. Es hat gut funktioniert, aber ich möchte einen bestimmten Teil des Titels je nach der Seite, die ich VERLASSEN möchte, ein- und ausblenden.Skript ausführen, wenn auf einer bestimmten Webseite UND eine andere bestimmte Webseite verlassen

Hier ist, was ich will:

Wenn ich die Seite verlasse dem Titel „Biologie“ und gehen in die eine mit dem Titel „Biologie → Zoologie“ Ich habe nur den Teil „→ Zoologie“ verblassen-in möchten (und ich habe es erfolgreich gemacht), ABER wenn ich noch "Biologie → Zoologie" bin und JETZT "Biologie → Zoologie → Wirbeltiere" verlasse, möchte ich den Teil "→ Wirbeltiere" ausbleichen und "Biologie → Zoologie ".

denke ich, es so etwas wie dieses würde:

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

Antwort

0

dies ist die Logik:

Sie ein Skript verwenden müssen (zB PHP $_SERVER['HTTP_REFERER'] oder irgendetwas anderes), um die Seite zu wissen woher der Benutzer kommt.

und Sie müssen auch die verschiedenen css Animationseffekte mit verschiedenen Klassennamen (zB .name-fade-out, .name-fade-in)

schreiben Sobald Sie das tun, verwenden Sie eine if Aussage so etwas in Ihrer „Zoologie“ Seite zu tun:

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 
} 

und das ist, wie Sie es für alle anderen Seiten tun

Verwandte Themen