以前没注意过,以为MARQUEE属于HTML内置的不会出现什么问题,可是昨天遇到了问题,相同的代码在IE6.0和IE7.0的显示效果竟然让我大吃一惊...
代码如下:
<marquee direction="up" width="95%" height="120" scrollamount="2" align="center" οnmοuseοver="this.stop()" οnmοuseοut="this.start()">看见我在溜达吗?</marquee>
这段内置代码相信大家都会很熟悉,即使简单的实现文字运动的动态效果使用了内置的marquee;
测试结果:
IE7.0下正常运行.文字向上滚动;IE6.0不正常运行.文字滚动区域出现一片空白;
修改了好久,开始从样式着手,一层层删减,最后都删减到文字了,在IE6.0竟然还是不出现滚动效果;
很无奈了,只有重新写了,删了之前的重新写了,效果出来了
代码如下:
<marquee direction="up" width="215" height="120" scrollamount="2" align="center" οnmοuseοver="this.stop()" οnmοuseοut="this.start()">看见我在溜达吗?</marquee>
就一点点不一样,width的数值设为准确值,而不是模糊值;
测试结果:
IE7.0下正常运行.文字向上滚动;IE6.0正常运行.文字向上滚动;
不知道算不算是HTML的BUG还是IE6.0的bug只是让我明白一点,代码规范方面对于编程人员来说是要严格要求的,相同的代码在不同浏览器下就截然两种效果,写代码标准规范,兼顾全面,才是每个程序员所要追求的也是要认真履行的;
代码如下:
<marquee direction="up" width="95%" height="120" scrollamount="2" align="center" οnmοuseοver="this.stop()" οnmοuseοut="this.start()">看见我在溜达吗?</marquee>
这段内置代码相信大家都会很熟悉,即使简单的实现文字运动的动态效果使用了内置的marquee;
测试结果:
IE7.0下正常运行.文字向上滚动;IE6.0不正常运行.文字滚动区域出现一片空白;
修改了好久,开始从样式着手,一层层删减,最后都删减到文字了,在IE6.0竟然还是不出现滚动效果;
很无奈了,只有重新写了,删了之前的重新写了,效果出来了
代码如下:
<marquee direction="up" width="215" height="120" scrollamount="2" align="center" οnmοuseοver="this.stop()" οnmοuseοut="this.start()">看见我在溜达吗?</marquee>
就一点点不一样,width的数值设为准确值,而不是模糊值;
测试结果:
IE7.0下正常运行.文字向上滚动;IE6.0正常运行.文字向上滚动;
不知道算不算是HTML的BUG还是IE6.0的bug只是让我明白一点,代码规范方面对于编程人员来说是要严格要求的,相同的代码在不同浏览器下就截然两种效果,写代码标准规范,兼顾全面,才是每个程序员所要追求的也是要认真履行的;