做了个滚动栏
在ff,ie8下都可用
但是在ie6,ie7下,出现一些图片超出div
郁闷。。。
查了一下,是在ie6,ie7下 sytle="overflow:hidden;" 的应用有问题
没有效果
调查后,在div中增加 sytle="position:relative;
overflow:hidden;"
OK,滚动正常。。。
<div id="roll_div" style="position:relative;overflow:hidden;width:246px; height:300px;">
<div id="newStore">
</div>
<div id="newStore2">
</div>
</div>
<script language="javascript">
var newStore = document.getElementById("newStore");
var newStore2 = document.getElementById("newStore2");
var roll_div = document.getElementById("roll_div");
var speed=30
newStore2.innerHTML=newStore.innerHTML;
var MyMar=setInterval(Marquee,speed)
roll_div.onmouseover=function() {clearInterval(MyMar)}
roll_div.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
var new_top = 0;
var old_top = -1;
var top_flg = false;
function Marquee(){
new_top = newStore2.offsetTop - roll_div.scrollTop;
if(old_top != new_top) {
old_top = new_top;
new_top = 0;
} else {
top_flg = true;
}
if(top_flg) {
roll_div.scrollTop-=newStore.offsetHeight;
top_flg = false;
}
else{
roll_div.scrollTop++;
}
}
</script>
分享到:
相关推荐
在这个项目中,我们关注的是一个简单的JS滚动新闻实现,它不仅支持早期的Internet Explorer 6(IE6),还兼容其他主流的现代浏览器。 在Web开发中,滚动新闻是一种常见的功能,它能够在页面上动态展示新闻标题或...
本篇文章将详细探讨如何在Vue项目中自定义浏览器滚动条,同时确保兼容大部分浏览器,包括较为古老的Internet Explorer(IE)。 首先,我们需要理解浏览器滚动条的工作原理。滚动条由两个主要部分组成:轨道(track...
在本示例中,"js新闻上下滚动效果(兼容IE和ff)"指的是利用JavaScript实现一个新闻标题在网页上进行上下滚动的效果,这种效果常见于新闻网站,能够展示多条新闻,同时保持页面空间的有效利用。这个效果不仅在现代...
兼容ie滚动条前端代码,兼容ie滚动条js代码。兼容ie滚动条前端代码,兼容ie滚动条js代码。兼容ie滚动条前端代码,兼容ie滚动条js代码。兼容ie滚动条前端代码,兼容ie滚动条js代码。兼容ie滚动条前端代码,兼容ie滚动...
element table固定头部ie的滚动条样式自定义,element table固定头部ie的滚动条样式自定义,element table固定头部ie的滚动条样式自定义,element table固定头部ie的滚动条样式自定义,element table固定头部ie的...
在这个“js文字滚动(IE火狐兼容版)”中,我们主要探讨的是如何利用JavaScript来创建一个在不同浏览器上都能正常运行的文字滚动效果,包括Internet Explorer(IE)和Firefox等主流浏览器。 文字滚动是一种常见的网页...
总的来说,"图片向上滚动效果(兼容ie6,ie7.ff)"是一个涉及到CSS布局、JavaScript动画以及浏览器兼容性处理的综合实践。实现这个效果需要对前端技术有深入的理解,并充分考虑用户的需求和体验。提供的压缩包文件很...
标题“自定义滚动条(兼容所有浏览器)”所提及的知识点,就是如何通过CSS和JavaScript技术来定制滚动条的外观和行为,同时确保其在各个主流浏览器中都能正常工作。 **1. CSS Scrollbar Customization** CSS3引入...
标题"文字无间断向上滚动,兼容ie6"描述了一种技术实现,即在网页上实现文字持续不断地向上滚动,同时确保这个效果在古老的Internet Explorer 6(简称IE6)浏览器上也能正常工作。这在早期互联网时代尤其重要,因为...
"兼容IE的滚动条"这个主题主要关注如何确保在IE浏览器中实现一致且美观的滚动条样式。 在IE中,滚动条的样式默认比较朴素,与页面设计可能不协调。为了改善这一情况,开发者可以利用特定的CSS hack或者JavaScript库...
本文将详细探讨如何实现一个“向上下左右不间断无缝滚动图片的效果”,并确保该效果在火狐(Firefox)和IE(Internet Explorer)浏览器上兼容。 首先,我们需要了解无缝滚动的核心原理。这种效果通常通过JavaScript...
在早期版本的IE(如IE6、IE7)中,由于浏览器的兼容性问题,自定义滚动条样式并不完全支持,而从IE8开始,引入了`-ms-scrollbar`伪元素来允许一定程度的样式调整。然而,这些样式仅限于颜色、宽度和边框,不能像现代...
标题“文字间歇向上滚动代码(兼容IE,FF)”表明我们将探讨一个JavaScript实现的解决方案,该方案不仅能在现代浏览器如Firefox中正常工作,而且还能兼容老版本的Internet Explorer(IE)。考虑到IE浏览器曾经的广泛...
符合标准的间隙间歇滚动代码(兼容IE和FireFox).htm 符合标准的间隙间歇滚动代码(兼容IE和FireFox).htm
"js实现图片滚动(ie火狐下都兼容)"这个标题表明我们要探讨的是一个使用JavaScript编写的图片滚动脚本,该脚本能够在Internet Explorer和Firefox这两个主要的浏览器上正常工作,实现了跨浏览器兼容性。 首先,我们...
本篇文章将深入探讨如何使用JavaScript实现自定义滚动条,并确保其在Internet Explorer(IE)、Firefox和Chrome等主流浏览器中的兼容性。 首先,我们需要理解不同浏览器对滚动条的支持情况。在CSS中,Webkit内核的...
本篇文章将详细探讨如何实现一个兼容IE浏览器的自定义滚动条,并包含滚动时的各种回调函数。 首先,我们关注的是HTML和CSS在构建自定义滚动条中的应用。在CSS3中,我们可以使用`::-webkit-scrollbar`和`::-webkit-...
"UI框架模板一(兼容IE8)"是一个专门针对老旧浏览器,尤其是Internet Explorer 8(IE8)进行优化的UI设计框架。Bootstrap是一个广受欢迎的开源UI框架,它简化了网页开发过程,同时提供了良好的跨浏览器兼容性。 ...
"scrollpic 多图片滚动 修复IE8"这个主题聚焦于一个特定的技术挑战:如何实现多图片在网页上的循环滚动效果,并且兼容老旧的Internet Explorer 8(简称IE8)浏览器。在现代Web开发中,由于IE8对许多现代Web标准和...
JavaScript 自定义浏览器滚动条兼容 IE、火狐和 chrome 本文主要共享了使用原生 JavaScript 实现自定义浏览器滚动条兼容 IE、火狐和 chrome 的思路与方法。通过 JavaScript 实现自定义浏览器滚动条,可以实现跨...