我要做的是从数据库中得到图片的路径,通过路径找到图片后做图片上下滚动。。急,在线等!!!

解决方案 »

  1.   

    可以绑定在表格里,然后 把表格放<marquee></marquee>中实现滚动
      

  2.   

    可以绑定在表格里,然后 把表格放 <marquee> </marquee>中实现滚动  up
      

  3.   

    为什么前面加个"没人会吗"另外是asp.net还是winform也没有说清楚。
      

  4.   

    web
    用jquery插件
    一搜一大把,比如jcarousel
    http://sorgalla.com/projects/jcarousel/
      

  5.   


    <!--左右-->
    <div id="demo" style="overflow: hidden; width: 730px; color: #ffffff; height: 180px">
        <table cellspacing="0" cellpadding="0" align="center" border="0" cellspace="0">
            <tbody>
                <tr>
                    <td id="demo1">
                        <table cellspacing="0" cellpadding="0" border="0">
                            <tbody>
                                <tr>
                                    <td></td>
                                    <td >
                                     <table>
      <tr><td><a href="#" target="_blank"><img src="images/1.gif" alt="1" width="239" height="149" border="0" /></a></td></tr>
      <tr><td> <a href="#" target="_blank">产品名1</a></td></tr>
                                     </table>
     </td><td>
     <table>
      <tr><td><a href="#" target="_blank"><img src="images/2.gif" alt="2" width="239" height="149" border="0" /></a></td></tr>
      <tr><td> <a href="#" target="_blank">产品名2</a></td></tr>
                                     </table>
     </td><td>
    <table>
      <tr><td><a href="#" target="_blank"><img src="images/3.gif" alt="3" width="239" height="149" border="0" /></a></td></tr>
      <tr><td> <a href="#" target="_blank">产品名3</a></td></tr>
                                     </table>
     </td><td>
    <table>
      <tr><td><a href="#" target="_blank"><img src="images/4.gif" alt="4" width="239" height="149" border="0" /></a></td></tr>
      <tr><td> <a href="#" target="_blank">产品名4</a></td></tr>
                                     </table>
        </td><td>                  
    <table>
      <tr><td><a href="#" target="_blank"><img src="images/5.gif" alt="5" width="239" height="149" border="0" /></a></td></tr>
      <tr><td> <a href="#" target="_blank">产品名4</a></td></tr>
                                     </table>
                                    </td>
                                    <td> </td>
                                </tr>
                            </tbody>
                        </table>
                    </td>
                    <td id="demo2" valign="top">
                    </td>
                </tr>
            </tbody>
        </table>
    </div> 
            
              <script language="javascript" type="text/javascript">var speed=100
    demo2.innerHTML=demo1.innerHTML
    function Marquee(){
    if(demo2.offsetWidth-demo.scrollLeft<=0)
    demo.scrollLeft-=demo1.offsetWidth
    else{
    demo.scrollLeft++
    }
    }
    var MyMar=setInterval(Marquee,speed)
    demo.onmouseover=function() {clearInterval(MyMar)}
    demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}</script>
    <!--上下滚动-->
    <div id="link_logo" style="OVERFLOW: hidden; WIDTH: 215px; HEIGHT: 480px">
    <div id="link_logo1" style="OVERFLOW: hidden">

    <table width="215" height="100%" border="0" cellpadding="0" cellspacing="0">
                      
                            <tr>
                              <td width="215" align="center" valign="top" style="padding-bottom:1px;"><img src='/UploadFile/Image/2007530143053410.jpg' alt='12' width='203' height='95' border='0' /> </td>
                            </tr>
                            
                            <tr>
                              <td width="215" align="center" valign="top" style="padding-bottom:1px;"><img src='/UploadFile/Image/2007530143029807.jpg' alt='11' width='203' height='95' border='0' /> </td>
                            </tr>
                            
                            <tr>
                              <td width="215" align="center" valign="top" style="padding-bottom:1px;"><img src='/UploadFile/Image/2007530143010344.jpg' alt='10' width='203' height='95' border='0' /> </td>
                            </tr>
                            
                            <tr>
                              <td width="215" align="center" valign="top" style="padding-bottom:1px;"><img src='/UploadFile/Image/2007530142957704.jpg' alt='9' width='203' height='95' border='0' /> </td>
                            </tr>
                            
                            <tr>
                              <td width="215" align="center" valign="top" style="padding-bottom:1px;"><img src='/UploadFile/Image/2007530142942256.jpg' alt='8' width='203' height='95' border='0' /> </td>
                            </tr>
                            
                            <tr>
                              <td width="215" align="center" valign="top" style="padding-bottom:1px;"><img src='/UploadFile/Image/2007530142829285.jpg' alt='7' width='203' height='95' border='0' /> </td>
                            </tr>
                            
                            <tr>
                              <td width="215" align="center" valign="top" style="padding-bottom:1px;"><img src='/UploadFile/Image/2007530142816144.jpg' alt='6' width='203' height='95' border='0' /> </td>
                            </tr>
                            
                            <tr>
                              <td width="215" align="center" valign="top" style="padding-bottom:1px;"><img src='/UploadFile/Image/200753014280831.jpg' alt='5' width='203' height='95' border='0' /> </td>
                            </tr>
                            
                            <tr>
                              <td width="215" align="center" valign="top" style="padding-bottom:1px;"><img src='/UploadFile/Image/200753014271159.jpg' alt='1' width='203' height='95' border='0' /> </td>
                            </tr>
                            
                            <tr>
                              <td width="215" align="center" valign="top" style="padding-bottom:1px;"><img src='/UploadFile/Image/2007530142723636.jpg' alt='2' width='203' height='95' border='0' /> </td>
                            </tr>
                            
                            <tr>
                              <td width="215" align="center" valign="top" style="padding-bottom:1px;"><img src='/UploadFile/Image/2007530142734382.jpg' alt='3' width='203' height='95' border='0' /> </td>
                            </tr>
                            
                            <tr>
                              <td width="215" align="center" valign="top" style="padding-bottom:1px;"><img src='/UploadFile/Image/200753014274645.jpg' alt='4' width='203' height='95' border='0' /> </td>
                            </tr>
                            
                        </table>
    </div>
                                    <div id="link_logo2">&nbsp;</div>
                                    </div>
                                    <script type="text/javascript">
                                    var speed=30
                                    link_logo2.innerHTML=link_logo1.innerHTML
                                    function Marquee2(){
                                    if(link_logo2.offsetTop-link_logo.scrollTop<=0)
                                    link_logo.scrollTop-=link_logo1.offsetHeight
                                    else{
                                    link_logo.scrollTop++
                                    }
                                    }
                                    var MyMar2=setInterval(Marquee2,speed)
                                    link_logo.onmouseover=function() {clearInterval(MyMar2)}
                                    link_logo.onmouseout=function() {MyMar2=setInterval(Marquee2,speed)}
                                    </script>
      

  6.   

    晕,你要bs 还是 CS 代码 ?
      

  7.   

    可以绑定在表格里,然后 把表格放 <marquee> </marquee>中实现滚动
      

  8.   

    我要做的是从数据库中得到图片的路径,通过路径找到图片后做图片上下滚动。。急,在线等!!!
    你不是在线等吗?要B/S的一搜一堆要winform的就难了。也不说清楚!
      

  9.   

    N多方法...Google 很强大的..
      

  10.   

    http://zhidao.baidu.com/question/98198765.html
      

  11.   

    图片连续滚动的解决方法先来认识一下几个参数:innerHTML:设置或获取位于对象起始和结束标签内的 HTML
    scrollHeight: 获取对象的滚动高度。 
    scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
    scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
    scrollWidth:获取对象的滚动宽度
    offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
    offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
    offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 
    offsetWidth:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度
    图片上下连续滚动<table border=1><tr><td><div id="marquees">
    <a href="#">链接一</a><br>
    <br>
    <a href="#">链接二</a><br>
    <br>
    <a href="#">链接三</a><br>
    <br>
    <a href="#">链接四</a><br>
    <br>
    </div></td></tr></table>
    <script language="JavaScript">marqueesHeight=200;
    stopscroll=false;with(marquees){
    style.width=0;
    style.height=marqueesHeight;
    style.overflowX="visible";
    style.overflowY="hidden";
    noWrap=true;
    onmouseover=new Function("stopscroll=true");
    onmouseout=new Function("stopscroll=false");
    }
    document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');preTop=0; currentTop=0; function init(){
    templayer.innerHTML="";
    while(templayer.offsetHeight<marqueesHeight){
        templayer.innerHTML+=marquees.innerHTML;
    }
    marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
    setInterval("scrollUp()",10);
    }
    document.body.onload=init;function scrollUp(){
    if(stopscroll==true) return;
    preTop=marquees.scrollTop;
    marquees.scrollTop+=1;
    if(preTop==marquees.scrollTop){
        marquees.scrollTop=templayer.offsetHeight-marqueesHeight;
        marquees.scrollTop+=1;
    }
    }
    </script>图片左右连续滚动<div style="width:200px;overflow:hidden">
    <div style="position:relative;top:0px;left:0px;white-space:nowrap" id=news>
    <span id=nbo><B><font color="#22FF22">知</font><font color="#FF2222">往</font><font color="#001199">观</font><font color="#00fffa">来</font></B><B><font color="#22FF22">观</font><font color="#FF2222">往</font><font color="#001199">知</font><font color="#00fffa">来</font></B></span>
    <script language=javascript>
    //重复一次新闻内容
    document.write(nbo.innerHTML);
    </script>
    </div>
    </div>
    <script language=javascript>
    //实现不间断滚动
    function newsScroll()
    {
    news.style.pixelLeft=(news.style.pixelLeft-1)%nbo.offsetWidth;
    }
    timer1=setInterval('newsScroll()',10) //更改第二个参数可以改变速度,值越小,速度越快。
    </script>
      

  12.   

    b/s的大家都说那么多了,
    c/s的方法就是移送panel作为滚动显示框,在panel中添加datagridview用于绑定显示图片,再用timer控制datagridview的左上坐标,滚动效果生成~
      

  13.   

    c/s模式在panel上加个pictruebox,将图片导入pictruebox,然后用个Timer用来将panel的坐标+1,-1就可以了啊。
      

  14.   

    在后台加上代码image1.imageurl=sS就是图片路径,可以从数据库里取到,之后用2楼的方法,完成
      

  15.   

    也可以考虑用js来实现。。一般的方法都是用js,然后当图片更新时,只是更新图像文件夹中的图片很方便的。
      

  16.   

    不管什么语言,如果是web应用,最终结果不还是JS的问题?和C#的关系只是在输出图片信息的时候有关而已。随便帮你找点代码~
    <style type="text/css">
    <!--
    img{border:0px;}
    .player{border:#c2c2c2 1px solid;padding:2px;margin:0 5px 10px 5px;}
    .photo{width:100%;margin:0px;}
    .photo ul{margin:0px;padding:0px;clear:both;}
    .photo li{font-size:12px;color:#000;float:left;line-height:16px;list-style:none;margin-right:2px;}
    .photo img{border:1px solid #eee;padding:2px;width:155px;height:95px;}
    .photo span {width:155px;text-align:center;}
    -->
    </style><div class="player">
    <div id="demo" style="OVERFLOW: hidden; WIDTH:750px;">
       <table width="750px" border="0" cellpadding="0" cellspacing="0">
         <tr><td id="demo1">
              <table width="750px" border="0" cellpadding="0" cellspacing="0"><tr>$photo(6,18,11,0,1,photo)$</tr></table>
          <td id="demo2" valign="top"></td>
        </tr>
      </table>
    </div>
    </div><script>
    function $(v){return document.getElementById(v);}
    var speed=15;
    demo2.innerHTML=demo1.innerHTML;
    function MarqueeL(){
    if(demo2.offsetWidth-demo.scrollLeft<=0)
       demo.scrollLeft-=demo1.offsetWidth;
    else
       demo.scrollLeft++;
    }
    function MarqueeR(){
    if(demo2.offsetWidth-demo.scrollLeft>=280)
       demo.scrollLeft+=demo1.offsetWidth;
    else
       demo.scrollLeft--;
    }
    var flag=0;
    var MyMar=setInterval(MarqueeL,speed);
    demo.onmouseover=function() {clearInterval(MyMar)}
    demo.onmouseout=function() {MyMar=setInterval(MarqueeL,speed)} 
    function moveThis(way){ 
    demo.onmouseout=function() {MyMar=setInterval(MarqueeL,speed)}
    }  
    </script>