2017-07-31 70 views
-2

如何在URL結束時僅顯示以下代碼#404當錨點在HTML中處於活動狀態時,如何顯示DIV

<!--404 code--> 
 
<style> 
 
.div1 { 
 
    width: 300px; 
 
    height: 100px; 
 
    border: 1px solid blue; 
 
    border-color: #ff0263; 
 
    box-sizing: border-box; 
 
} 
 

 
</style> 
 

 
<body> 
 
<font face="century gothic"> 
 
<div class="div1" name="div1"> 
 
<span id='close' style="cursor:pointer" onclick='this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode); return false;'>x</span> 
 
The vite you were looking for could not be found. <a href="/404-what-to-do"><button class="button button5">What do I do now?</button></a></div> 
 
</font> 
 
<script> 
 
window.onload = function(){ 
 
    document.getElementById('close').onclick = function(){ 
 
     this.parentNode.parentNode.parentNode 
 
     .removeChild(this.parentNode.parentNode); 
 
     return false; 
 
    }; 
 
}; 
 
</script> 
 
<style> 
 
#close { 
 
    float:right; 
 
    display:inline-block; 
 
    padding:2px 5px; 
 
    background:#ccc; 
 
} 
 

 
#close:hover { 
 
    float:right; 
 
    display:inline-block; 
 
    padding:2px 5px; 
 
    background:#ccc; 
 
    color:#fff; 
 
} 
 
</style> 
 
<script> 
 
$(document).ready(function() { 
 
    $("#id1").click(function() { 
 
     $(".div1").css('display', 'block');  
 
    }); 
 
}); 
 
</script>
我經營這個網站叫做快捷財經 - vite.website(谷歌:Vite的動畫引擎)。如果我可以設置它,以便當它達到404時,它將重定向到vite.website/ #404。如何僅在錨點 #404處於活動狀態時才使以下代碼可見? 謝謝!

+1

這不是** **代碼,這是CSS - 樣式聲明。 –

+0

代碼在哪裏? – Lekens

回答

0

這是css.but你可以使用jquery。 你可以得到頁面當前網址的哈希值,並使用if語句作爲你的目標。

-1

您可以使用

window.location.hash 

所以,也許這樣的事情可以工作(假設你使用jQuery)

function hashIs404() { 
var hash = location.hash.slice(-1); 
    if (hash === "404") { 
     //Display things 
     //$(selector).addClass(classname); recommended 
    } else { 
     //Hash is not 404 
     //$(selector).removeClass(classname); recommended 
    } 
} 

,並通過調用這個函數hashIs404();得到一個網頁的哈希位置綁定到window.onload

window.onload = hashIs404; 

至於執行LLY顯示它,使用if情況和

$("head").append("<link rel='stylesheet' href='stylesheet-location.css'); 

希望我能幫助,如果不能完全解決問題:)

+0

你不需要jQuery。不是我鼓勵完全回答這個問題。 –

相關問題