我有一個移動網站,我希望通過css3過渡顯示的nav在3秒後關閉。轉換全部在css no js中,一個關於觸發導航關閉的錨標記的類。 (代碼是例子:a href="#" class="close_nav"
)。班級close_nav設置爲顯示:無3秒後在js中啓動課程
如何在3秒後關閉它?
我有一個移動網站,我希望通過css3過渡顯示的nav在3秒後關閉。轉換全部在css no js中,一個關於觸發導航關閉的錨標記的類。 (代碼是例子:a href="#" class="close_nav"
)。班級close_nav設置爲顯示:無3秒後在js中啓動課程
如何在3秒後關閉它?
設置css中動畫的延遲時間爲3秒; http://www.w3schools.com/cssref/css3_pr_animation-delay.asp
它可以幫助
transition-delay: 3s;
添加到CSS動畫與瀏覽器一起前綴
+1雖然外部鏈接顯示更多細節通常很方便,但將核心點作爲答案的一部分,以便它保留在SO上以保存未來訪客點擊或兩個。 – Basic
它也可以是有用的人進行自我教育,但我同意你的觀點 –
爲了延遲一段時間後啓動一些JavaScript,使用的setTimeout()。
像這樣:
setTimeout(function(){
var d = document.getElementById("your element");
d.className = "close_nav";
},3000);
見:https://developer.mozilla.org/en-US/docs/Web/CSS/transition-duration –
[setTimeout的()](HTTPS://顯影劑.mozilla.org/zh-CN/docs/Web/API/Window.setTimeout) – Blazemonger