我想实现图片自动向上滚动!可是我写的代码只能将图片调出来!但是 无法实现滚动效果!请大家帮忙看看代码哪里有错误!谢谢!<div class="right2">
<div class="newly">
<span style="font-size:14px; color:#FF3300; float:left; margin-top:8px;font-weight:900">&nbsp;&nbsp;推荐</span><span style="font-size:14px; float:left; margin-top:8px;">产品</span>
</div>
<div id=fx_gun_top style="overflow:hidden;height:100;width:90; float:left">
<div id=fx_gun_top1> 
<?php 
$sql="select * from tb_images";
$result=mysql_query($sql);
$num=mysql_num_rows($result);
if ($num>0)
{
for ($i=0; $i<$num;$i++)
{
$row=mysql_fetch_array($result);
?>
<img src="<?php echo $row['images']; ?>" alt="" width="90" height="90" border="0" />
<?php 
}
}
?>
</div> 
<div id=fx_gun_top2></div>
</div> 
<script> 
var speed=30 
document.getElementById("fx_gun_top2").innerHTML=document.getElementById
("fx_gun_top1").innerHTML
function Marquee1(){ 
//当滚动至fx_gun_top1与fx_gun_top2交界时 
if(document.getElementById("fx_gun_top2").offsetTop-document.getElementById("fx_gun_top").scrollTop<=0)   
document.getElementById("fx_gun_top").scrollTop-=document.getElementById("fx_gun_top1").offsetHeight //fx_gun_top跳到最顶端 
else{ 
document.getElementById("fx_gun_top").scrollTop++;


var MyMar1=setInterval(Marquee1,speed)//设置定时器 
//鼠标移上时清除定时器达到滚动停止的目的 
document.getElementById("fx_gun_top").onmouseover=function() {clearInterval(MyMar1)} 
//鼠标移开时重设定时器 
document.getElementById("fx_gun_top").onmouseout=function(){MyMar1=setInterval(Marquee1,speed)} 
</script>
</div>

解决方案 »

  1.   

    呵呵 图片滚动HTML里面的  marquee去看看
      

  2.   


    <!-- 用户最新相册 -->
    <!-- 首页最新照片开始 -->
    <div id="demo" style='text-align:top;overflow:hidden;height:90px;width:250px;'>
    <div id="demo1" valign="top"  style="text-align:top;">
    <a target='_blank' href='/show_photo.php?user=xxxx&id=100003611'><img src='http://cache44.51.com/photo5/9f/bf/xxx/3bdda1b3a34176ax9beax744a609e2c8fcs.jpg' border='1' style='height:100px;border-color:#cccccc'></a><br><a target='_blank' href='/show_photo.php?user=xxx&id=100003610'><img src='http://cache44.51.com/photo5/9f/bf/xxx/7119efa8472564fxc342xf5bb3b13e15f4s.jpg' border='1' style='height:100px;border-color:#cccccc'></a><br><a target='_blank' href='/show_photo.php?user=xxx&id=100003608'><img src='http://cache44.51.com/photo5/9f/bf/xxx/63x3ff5d5e05a339078dx854fb1a0b5752s.jpg' border='1' style='height:100px;border-color:#cccccc'></a>
    </div>
    <div id="demo2" valign="top"  style="text-align:top;"></div>
    </div>
    <!-- 首页最新照片结束 --><script>
    var speed=30
    demo2.innerHTML=demo1.innerHTML;
    function Marquee(){
    if(demo2.offsetHeight-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);}
    </script>