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" />