我想延遲鏈接表單加載在我的網頁上,因爲我希望訪問者查看廣告幾秒鐘,然後鏈接應該出現。那麼我如何使用Jquery來延遲ahref鏈接的顯示呢?拖延頁面上的鏈接
Q
拖延頁面上的鏈接
-3
A
回答
3
如果你的HTML看起來像這樣:
<a id="myLink" href="xxx">whatever</a>
然後,對於普通的JavaScript,你可以使用這個CSS規則:
#myLink {visibility: hidden;}
而且,然後用這個簡單的JavaScript來後表現出來延遲:
setTimeout(function() {
document.getElementById("myLink").style.visibility = "visible";
}, 5000);
或者,使用jQuery,你可以使用這個CSS:
#myLink {display: none;}
這jQuery代碼:
$(document).ready(function() {
$("#myLink").delay(5000).fadeIn();
});
在這兩種情況下,調整5000號設置要(以毫秒爲單位)的時間延遲。在未來,如果您包含實際的HTML,您將得到更多更詳細和具體的答案。
+0
明白了,謝謝。經過測試,它工作 – paislee 2012-03-06 23:50:04
1
使用jQuery和CSS沒有:
$(window).load(function() {
$("#linkId").hide();
setTimeout(function() {
$("#linkId").show();
}, 10000);
});
相關問題
- 1. 拖延超鏈接
- 2. 打開頁面上的所有鏈接與延遲
- 3. 使用主頁上的頁面鏈接
- 4. 鏈接到Facebook頁面上的頁面標籤頁應用
- 5. 獲取頁面上的所有鏈接
- 6. 更改頁面上的所有鏈接
- 7. Javascript更改頁面上的鏈接
- 8. HTML頁面上的XSL超鏈接
- 9. PhantomJS點擊頁面上的鏈接
- 10. 刪除WordPress頁面上的鏈接
- 11. 從頁面上的鏈接獲取ID
- 12. 手機上的超鏈接頁面
- 13. 頁面上的鏈接移動提交
- 14. 儘管看上去完全加載頁面拖延
- 15. 將呈現的Jekyll頁面顯示爲頁面上的鏈接
- 16. 在鏈接的頁面上有鏈接改變類屬性。
- 17. Angular 2 - 在當前頁面上鍊接到元素的鏈接
- 18. 笨頁面鏈接
- 19. Rails,鏈接頁面
- 20. 需要幫助,鏈接頁面上創建的PDF頁面
- 21. 跳轉到長頁面上的頁面鏈接頂部
- 22. 當頁面上已經禁用鏈接
- 23. 在頁面上搜索鏈接
- 24. 鏈接相同的頁面
- 25. Jekyll頁面內的鏈接
- 26. 頁面內的錨鏈接
- 27. 如何通過jQuery插件拖放鏈接/頁面?
- 28. 拖放桌面上的鏈接以創建快捷方式
- 29. c#和regEx在html頁面上拉鍊接href部分鏈接
- 30. WebRTC dataChannel.readyState拖延「連接」
我真的不希望你這樣做。 – zzzzBov 2012-03-06 23:34:01