div+js图片向左循环滚动代码(不含任何td标签,最好解释下原理) 10
怕再次出现类似1楼的回答,再补充说明一点,无间隙、连续循环向左滚动代码(向上向下好处理),不要给我套个表格来!...
怕再次出现类似1楼的回答,再补充说明一点,无间隙、连续循环向左滚动代码(向上向下好处理),不要给我套个表格来!
展开
展开全部
向上滚动.....
<div id="xinqingriji">
<div class="xinqingriji_a"></div>
<DIV id=rollpic style="OVERFLOW: hidden;HEIGHT: 270px">
<DIV id=rollpic1>
<!-- 循环打印这段 -->
<div class="xinqingriji_b">
<ul>
<li class="xinqingriji_biaoti">我写日记我写日日记</li>
<li class="xinqingriji_jianjie">我是简介我是简介我是简介我是简介我是简介我是简介我是简介我是简介...<a href="#">[详情]</a></li>
<li class="xinqingriji_shijian">29 June 2009 | Books</li>
</ul>
</div>
<!-- 循环打印这段 -->
<div class="xinqingriji_b"><ul>
<li class="xinqingriji_biaoti">我写日记我写日记我我写日记</li>
<li class="xinqingriji_jianjie">我是简介我是简介我是简介我是简介我是简介我是简介我是简介我是简介...<a href="#">[详情]</a></li>
<li class="xinqingriji_shijian">29 June 2009 | Books</li>
</ul></div>
<div class="xinqingriji_b"><ul>
<li class="xinqingriji_biaoti">我写日我写日记</li>
<li class="xinqingriji_jianjie">我是简介我是简介我是简介我是简介我是简介我是简介我是简介我是简介...<a href="#">[详情]</a></li>
<li class="xinqingriji_shijian">29 June 2009 | Books</li>
</ul></div>
</DIV>
<DIV id=rollpic2></DIV>
</DIV>
<script>
var rollspeed=40
rollpic2.innerHTML=rollpic1.innerHTML //克隆rollpic1为rollpic2
function Marquee1(){
if(rollpic2.offsetTop-rollpic.scrollTop<=0) //当滚动至rollpic1与rollpic2交界时
rollpic.scrollTop-=rollpic1.offsetHeight //rollpic跳到最顶端
else{
rollpic.scrollTop++
}
}
var MyMar1=setInterval(Marquee1,rollspeed) //设置定时器
rollpic.onmouseover=function() {clearInterval(MyMar1)}//鼠标移上时清除定时器达到滚动停止的目的
rollpic.onmouseout=function() {MyMar1=setInterval(Marquee1,rollspeed)}//鼠标移开时重设定时器
</script>
</div>
<div id="xinqingriji">
<div class="xinqingriji_a"></div>
<DIV id=rollpic style="OVERFLOW: hidden;HEIGHT: 270px">
<DIV id=rollpic1>
<!-- 循环打印这段 -->
<div class="xinqingriji_b">
<ul>
<li class="xinqingriji_biaoti">我写日记我写日日记</li>
<li class="xinqingriji_jianjie">我是简介我是简介我是简介我是简介我是简介我是简介我是简介我是简介...<a href="#">[详情]</a></li>
<li class="xinqingriji_shijian">29 June 2009 | Books</li>
</ul>
</div>
<!-- 循环打印这段 -->
<div class="xinqingriji_b"><ul>
<li class="xinqingriji_biaoti">我写日记我写日记我我写日记</li>
<li class="xinqingriji_jianjie">我是简介我是简介我是简介我是简介我是简介我是简介我是简介我是简介...<a href="#">[详情]</a></li>
<li class="xinqingriji_shijian">29 June 2009 | Books</li>
</ul></div>
<div class="xinqingriji_b"><ul>
<li class="xinqingriji_biaoti">我写日我写日记</li>
<li class="xinqingriji_jianjie">我是简介我是简介我是简介我是简介我是简介我是简介我是简介我是简介...<a href="#">[详情]</a></li>
<li class="xinqingriji_shijian">29 June 2009 | Books</li>
</ul></div>
</DIV>
<DIV id=rollpic2></DIV>
</DIV>
<script>
var rollspeed=40
rollpic2.innerHTML=rollpic1.innerHTML //克隆rollpic1为rollpic2
function Marquee1(){
if(rollpic2.offsetTop-rollpic.scrollTop<=0) //当滚动至rollpic1与rollpic2交界时
rollpic.scrollTop-=rollpic1.offsetHeight //rollpic跳到最顶端
else{
rollpic.scrollTop++
}
}
var MyMar1=setInterval(Marquee1,rollspeed) //设置定时器
rollpic.onmouseover=function() {clearInterval(MyMar1)}//鼠标移上时清除定时器达到滚动停止的目的
rollpic.onmouseout=function() {MyMar1=setInterval(Marquee1,rollspeed)}//鼠标移开时重设定时器
</script>
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询