没人会么?c#做图片滚动?100分 我要做的是从数据库中得到图片的路径,通过路径找到图片后做图片上下滚动。。急,在线等!!! 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 可以绑定在表格里,然后 把表格放<marquee></marquee>中实现滚动 可以绑定在表格里,然后 把表格放 <marquee> </marquee>中实现滚动 up 为什么前面加个"没人会吗"另外是asp.net还是winform也没有说清楚。 web用jquery插件一搜一大把,比如jcarouselhttp://sorgalla.com/projects/jcarousel/ <!--左右--><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=100demo2.innerHTML=demo1.innerHTMLfunction Marquee(){if(demo2.offsetWidth-demo.scrollLeft<=0)demo.scrollLeft-=demo1.offsetWidthelse{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"> </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> 晕,你要bs 还是 CS 代码 ? 可以绑定在表格里,然后 把表格放 <marquee> </marquee>中实现滚动 我要做的是从数据库中得到图片的路径,通过路径找到图片后做图片上下滚动。。急,在线等!!!你不是在线等吗?要B/S的一搜一堆要winform的就难了。也不说清楚! N多方法...Google 很强大的.. http://zhidao.baidu.com/question/98198765.html 图片连续滚动的解决方法先来认识一下几个参数:innerHTML:设置或获取位于对象起始和结束标签内的 HTMLscrollHeight: 获取对象的滚动高度。 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> b/s的大家都说那么多了,c/s的方法就是移送panel作为滚动显示框,在panel中添加datagridview用于绑定显示图片,再用timer控制datagridview的左上坐标,滚动效果生成~ c/s模式在panel上加个pictruebox,将图片导入pictruebox,然后用个Timer用来将panel的坐标+1,-1就可以了啊。 在后台加上代码image1.imageurl=sS就是图片路径,可以从数据库里取到,之后用2楼的方法,完成 也可以考虑用js来实现。。一般的方法都是用js,然后当图片更新时,只是更新图像文件夹中的图片很方便的。 不管什么语言,如果是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> ASP.NET 2.0 中跨网页提交的三种方法 WINFROM水晶报表 如何动态更改chart图? GridView分页后的跳转问题! 关于在哈希表中插入数值的问题 怎么上传到服务器目录. 无法输出中文问题,在线 100求助:急需 形式语言与自动机 教材 求VS.net2003下载地止(急) datagridview中图片绑定显示在picturebox上如何解决 如何在关闭Form1_Load中启动的窗体后关闭Form1窗体? 关于自定义控件usercontrol 的问题 HRGN和Region类的转化问题
用jquery插件
一搜一大把,比如jcarousel
http://sorgalla.com/projects/jcarousel/
<!--左右-->
<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"> </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>
你不是在线等吗?要B/S的一搜一堆要winform的就难了。也不说清楚!
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>
c/s的方法就是移送panel作为滚动显示框,在panel中添加datagridview用于绑定显示图片,再用timer控制datagridview的左上坐标,滚动效果生成~
<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>