小弟做一个每日中奖名单滚动
当滚动的div 上面还有别的内容时只火狐与谷歌只滚动一次,IE则正常,求高手分析下
var speed = 50
var demo = document.getElementById("demo");
var demo2 = document.getElementById("demo2");
var demo1 = document.getElementById("demo1");
var str = demo1.innerHTML;
if (str.replace(/(^\s*)|(\s*$)/g, "") != "") {
// while (demo1.offsetHeight < demo.offsetHeight) { demo1.innerHTML += str;
// }
demo2.innerHTML = demo1.innerHTML; function Marquee() {
if (demo2.offsetTop - demo.scrollTop <= 0) {
demo.scrollTop -= demo1.offsetHeight;
}
else { demo.scrollTop++;
}
}
var MyMar = setInterval(Marquee, speed)
demo.onmouseover = function() { clearInterval(MyMar) }
demo.onmouseout = function() { MyMar = setInterval(Marquee, speed) }
}<div id="demo" style="overflow: hidden; height: 50px; width: 210px; overflow: hidden;">
<div id="demo1" style="border:1px solid #dde5bc">
<a href="#">一等奖</a>
<a href="#">二等奖</a>
<a href="#">三等奖</a>
<a href="#">四等奖</a>
<a href="#">五等奖</a>
<a href="#">五等奖</a>
<a href="#">五等奖</a>
<a href="#">五等奖</a>
<a href="#">五等奖</a>
<a href="#">五等奖</a>
</div>
<div id="demo2"></div>
</div>
当滚动的div 上面还有别的内容时只火狐与谷歌只滚动一次,IE则正常,求高手分析下
var speed = 50
var demo = document.getElementById("demo");
var demo2 = document.getElementById("demo2");
var demo1 = document.getElementById("demo1");
var str = demo1.innerHTML;
if (str.replace(/(^\s*)|(\s*$)/g, "") != "") {
// while (demo1.offsetHeight < demo.offsetHeight) { demo1.innerHTML += str;
// }
demo2.innerHTML = demo1.innerHTML; function Marquee() {
if (demo2.offsetTop - demo.scrollTop <= 0) {
demo.scrollTop -= demo1.offsetHeight;
}
else { demo.scrollTop++;
}
}
var MyMar = setInterval(Marquee, speed)
demo.onmouseover = function() { clearInterval(MyMar) }
demo.onmouseout = function() { MyMar = setInterval(Marquee, speed) }
}<div id="demo" style="overflow: hidden; height: 50px; width: 210px; overflow: hidden;">
<div id="demo1" style="border:1px solid #dde5bc">
<a href="#">一等奖</a>
<a href="#">二等奖</a>
<a href="#">三等奖</a>
<a href="#">四等奖</a>
<a href="#">五等奖</a>
<a href="#">五等奖</a>
<a href="#">五等奖</a>
<a href="#">五等奖</a>
<a href="#">五等奖</a>
<a href="#">五等奖</a>
</div>
<div id="demo2"></div>
</div>
布局如下
<div>
<div style="width: 230px; float: left; ">中奖规则<div>
<div style="width: 230px; float: right; ">
<div>中奖算法</div>
<div>每日中奖滚动名单</div>
</div><div>
当我删掉中奖算法时,谷歌,IE,火狐是都可以正常滚动
不删的话只有IE能正常滚动,火狐与谷歌就只能滚动一次。
求高手告诉小弟这是为什么
不删的话只有IE能正常滚动,火狐与谷歌就只能滚动一次。算法用的是JScript,说明火狐与谷歌不支持你的JScript
<div style="width: 460px;">
<div>引用表头与活动图片</div>
<div>
<div style="width: 230px; float: left; ">中奖规则<div>
<div style="width: 230px; float: right; ">
<div>中奖算法</div>
<div>每日中奖滚动名单</div>
</div><div>
</div>
如果要IE,火狐,与谷歌都兼容得删掉算法与表头