marquee標籤的滾動效果,越來越受到前端們的親睞,因爲只要一個標籤,設置幾個屬性,就可以實現上下左右的滾動效果,可以省去很多的JS代碼。但是這個有一個兼容的問題,那就是在IE 下,由於marquee的滾動,導致網頁頁面中的輸入框中光標會不停的閃,簡直是狂閃。我的解決思路是:輸入框獲取焦點時marquee標籤隱藏,失去焦點時marquee標籤顯示。
$(document).ready(function() { $("#userid").focus(function(){ $("marquee").hide(); }).blur(function(){ $("marquee").show(); }); });
<div align="center"> <marquee scrollamount="10" loop="2">山嗎,還閃,還閃我就......</marquee> </div> 用戶名:<input type="text" id="userid" />