导航:首页 > 图片大全 > 如何用代码把图片无线循环

如何用代码把图片无线循环

发布时间:2023-01-14 00:45:31

A. 求助!C# 求图片循环显示代码

String s1 = @"D:\图片\1.jpg";//图片地址
String s2 = @"D:\图片\2.jpg";//图片地址
String s3 = @"D:\图片\3.jpg";//图片地址
String s4 = @"D:\图片\4.jpg";//图片地址
String s5 = @"D:\图片\5.jpg";//图片地址
int count = 1;

private void timer1_Tick(object sender, EventArgs e)
{
if (count == 6)
count = 1;
switch (count)
{
case 1:
pictureBox1.Image = Image.FromFile(s1);
count++;
break;
case 2:
pictureBox1.Image = Image.FromFile(s2);
count++;
break;
case 3:
pictureBox1.Image = Image.FromFile(s3);
count++;
break;
case 4:
pictureBox1.Image = Image.FromFile(s4);
count++;
break;
case 5:
pictureBox1.Image = Image.FromFile(s5);
count++;
break;
}
}

private void button1_Click(object sender, EventArgs e)
{
timer1.Interval=10000;
timer1.Enabled = true;
}

另:请设置imagelist的imagesize属性为你图片大小,再存入图片

B. 急求!!!在网页中怎样让几张连续图片来回滚动,用HTML什么代码谢了

使用DIV,CSS样式来做!
一般现在使用3P来实现,如APS.NET!
你可以拷贝一个脚本修改里面的参数,就可以达到效果了!

使用html代码,只能使用一个!

就是跑马灯标签来实现简单的效果!

<marquee></marquee>这个标签!

如:

<marquee direction=left scrollamount=6 onmouseover="this.stop()" onmouseout="this.start()">
这是一段 跑动 的文字.我经过它就能停下来.</marquee>
<input type=button value=关闭窗口 onclick="window.close()">
<input type=button value=刷新 onclick="history.go(0)">
</body></html>
其中的scrollamount属性可以改变速度.值小它就会变慢.
height可以改变高度.direction可以改变方向.direction=up就会向上动

我建议你去找一ASP,或者JavaScript的代码来进行修改参数!

C. html图片向左无缝隙循环滚动代码

用css3实现循环滚动效果:

css:

#wrap{

width:200px;

height:150px;

border:1pxsolid#000;

position:relative;

margin:100pxauto;

overflow:hidden;

}

#list{

position:absolute;

left:0;

top:0;

margin:0;

padding:0;

animation:move12sinfinitelinear;

-webkit-animation:move12sinfinitelinear;

width:500%;

}

#listli{

list-style:none;

width:200px;

height:150px;

border:0;

float:left;

}

@-webkit-keyframesmove{

0%{

left:0;

}

100%{

left:-800px;

}

}

@keyframesmove{

0%{

left:0;

}

100%{

left:-800px;

}

}

#wrap:hover#list{

-webkit-animation-play-state:paused;/*动画暂停播放*/

}

html:

<divid="wrap">

<ulid="list">

<li><ahref="#"><imgsrc="img/1.jpg"border="0"/></a></li>

<li><ahref="#"><imgsrc="img/2.jpg"border="0"/></a></li>

<li><ahref="#"><imgsrc="img/3.jpg"border="0"/></a></li>

<li><ahref="#"><imgsrc="img/4.jpg"border="0"/></a></li>

<li><ahref="#"><imgsrc="img/5.jpg"border="0"/></a></li>

</ul>

</div>

(3)如何用代码把图片无线循环扩展阅读:

animation(动画)属性:

语法:

animation: name ration timing-function delay iteration-count direction fill-mode play-state;

参数:

1、animation-name:指定要绑定到选择器的关键帧的名称。

2、animation-ration:动画指定需要多少秒或毫秒完成。

3、animation-timing-function:设置动画将如何完成一个周期。

值:

linear:动画从头到尾的速度是相同的。

ease:默认。动画以低速开始,然后加快,在结束前变慢。

ease-in:动画以低速开始。

ease-out:动画以低速结束。

ease-in-out:动画以低速开始和结束。

cubic-bezier(n,n,n,n):在 cubic-bezier 函数中自己的值。可能的值是从 0 到 1 的数值。

4、animation-delay:设置动画在启动前的延迟间隔。

5、animation-iteration-count :定义动画的播放次数。

值:

n:一个数字,定义应该播放多少次动画。

infinite:指定动画应该播放无限次(永远) 。

D. 【HTML】如何实现无缝循环的图片滚动效果

网站中,有时为了更好的利用有限的页面空间展示更多的内容,也为了丰富网站页面自身的表现样式,我们往往会用到图片滚动的效果。想要实现这种效果,只需要在想要显示的表格或网页中加入以下代码即可实现: <div id=demo style="overflow:hidden;height:100px;width:300px;"><table align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top> <img height="150" alt="" width="200" src="/lazysite/user_space/7788/CIMG0056_缩小大小.JPG" /> <img height="150" alt="" width="200" src="/lazysite/user_space/7788/CIMG0053_缩小大小.JPG" /> <img height="150" alt="" width="200" src="/lazysite/user_space/7788/CIMG0054_缩小大小.JPG" /> <img height="150" alt="" width="200" src="/lazysite/user_space/7788/CIMG0058_缩小大小.JPG" /> <img height="200" alt="" width="150" src="/lazysite/user_space/7788/CIMG0059_缩小大小.JPG" /> <img height="150" alt="" width="200" src="/lazysite/user_space/7788/CIMG0063_缩小大小.JPG" /> <img height="150" alt="" width="200" src="/lazysite/user_space/7788/CIMG0070_缩小大小.JPG" /> <img height="150" alt="" width="200" src="/lazysite/user_space/7788/CIMG0071_缩小大小.JPG" /> <img height="150" alt="" width="200" src="/lazysite/user_space/7788/CIMG0072_缩小大小.JPG" /> //这个图片的地址可以是相对的也可以是绝对的 </td><td id=demo2 valign=top></td></tr></table></div><script>var speed=30 demo2.innerHTML=demo1.innerHTML function 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=demo style="overflow:hidden;height:100px;width:300px;"> 这段代码中下划线的部分表示我们这段滚动图片所占用区域的大小。用户可根据页面的实际需要进行调节。但一般情况下至少要大于或等于图片的高度和宽度。 <img height="150" alt="" width="200" src="/lazysite/user_space/7788/CIMG0056_缩小大小.JPG" /> 上面这段代码是图片的代码。每加入一行如上代码,那就会多出一个展示的图片。图片可以是一个,也可以是无数个。需要强调的是,每个图片的高度和宽度应尽量的统一大小,主要显示出来的效果才会更好看。 var speed=30 这行代码是控制图片滚动的速度。数字越小,滚动的也就越快;相反,数字越大,滚动的也就越慢。

E. 怎么让网页里的图片,用JAVASCRIPT代码实现无限的循环

发个无缝滚动的例子给你看看

F. 图片不间断循环滚动代码(向左,向右,向上,向下)

//向左滚动<script>
var
speed=30
//滚动速度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>//向右滚动,其实代码差不多,就一个地方不一样<script>
var
speed=30
demo2.innerHTML=demo1.innerHTML
demo.scrollLeft=demo.scrollWidth
function
Marquee(){
if(demo.scrollLeft<=0)
demo.scrollLeft+=demo2.offsetWidth
else{
demo.scrollLeft--
//向右}
}
var
MyMar=setInterval(Marquee,speed)
demo.onmouseover=function()
{clearInterval(MyMar)}
demo.onmouseout=function()
{MyMar=setInterval(Marquee,speed)}
</script>
下面2个就是
上下的了<script>
var
speed=50
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)}
</script>
<script>
var
speed=30
demo2.innerHTML=demo1.innerHTML
demo.scrollTop=demo.scrollHeight
function
Marquee(){
if(demo1.offsetTop-demo.scrollTop>=0)
demo.scrollTop+=demo2.offsetHeight
else{
demo.scrollTop--
}
}
var
MyMar=setInterval(Marquee,speed)
demo.onmouseover=function()
{clearInterval(MyMar)}
demo.onmouseout=function()
{MyMar=setInterval(Marquee,speed)}
</script>
在图片上加连接
图片

G. C#如何用timer实现一张图片循环滚动

然后弄个全局变量先=0
timer里面每次让全局变量+1
如果全局变量超出数组下标,全局变量=0
picturebox.image = image[全局变量]
首先加入头文件
using System.Resources;
比如你有4个图,名字叫ABCD
假设你的命名空间是“工程”
那么定义全局图片数组
Image[] temp = new Image[4];
temp[0] = 工程.Properties.Resources.A;
temp[1] = 工程.Properties.Resources.B;
temp[2] = 工程.Properties.Resources.C;
temp[3] = 工程.Properties.Resources.D;
然后定义全局变量
int 随便一个变量名 = 0;
然后timer里写
PictureBox.Image = temp[随便一个变量名++];
if(随便一个变量名==4)
随便一个变量名 = 0;

H. 如何实现图片无限循环滚动

我自己用jquery写的纵向的,想要横向的我可以帮你改改。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-

8" />
<title>无标题文档</title>
<script language="javascript" src="jquery.js"></script>
<script language="javascript">
$(document).ready(function() {
var height = $("ul li").height();
var ul = $("ul");
var picTimer;
var btn = "<div class='scroll_btn pre'></div><div

class='scroll_btn next'></div>";
//$("ul").append(btn);
$("ul").hover(function() {
clearInterval(picTimer);
},function() {
picTimer = setInterval(
function() {
var field = $("ul

li:first");
field.animate

({marginTop:-height+'px'},600,function(){
field.appendTo

(ul).css('marginTop',0);
})
},3000
);
}).trigger("mouseleave");
//下一个需要 研究
$(".pre").click(function() {
var field = $("ul li:first");
var lastField = $("ul li:last");
field.animate({marginTop:height

+'px'},600,function(){
lastField.insertBefore(field);
});
});

$(".next").click(function() {
var field = $("ul li:first");
field.animate

({marginTop:-height+'px'},600,function(){
field.appendTo

(ul).css('marginTop',0);
}) ;
});
});
</script>
<style type="text/css">
* { margin:0px; padding:0px;}
ul { width:200px; height:200px; border:1px solid #030;

position:relative; overflow:hidden;}
li { list-style:none; width:200px; height:200px; display:block;}
.scroll_btn { width:100px; height:20px; position:absolute;

background:#000; z-index:100}
.pre { left:10px; top:10px;}
.next { left:10px; bottom:10px;}
</style>
</head>

<body>
<ul>
<li style="background:red"></li>
<li style="background:green"></li>
<li style="background:blue"></li>
<li style="background:yellow"></li>
</ul>
</body>
</html>
记得:<script language="javascript" src="jquery.js"></script>
载入jquery工程 才能看效果

I. 按键精灵怎样无限循环查询图片(点查询按钮后在页面显示)

代码如下,复制即可用

Do

FindPic 0,0,1024,768,"Attachment:你要找的图.bmp",0.9,intX,intY

If intX > 0 And intY > 0 Then

//找到图片了,这里写你要执行的代码

End If

loop


以下是在按键精灵的显示内容:

阅读全文

与如何用代码把图片无线循环相关的资料

热点内容
失望无语的图片文字 浏览:880
手绘动漫情侣唯美头像图片 浏览:434
高清小朋友图片怎么拍 浏览:952
如何检验图片错误 浏览:29
昂克赛拉的价格和图片 浏览:4
古装红色发型图片 浏览:66
牛肉馆价格表图片 浏览:516
直发齐刘海的发型图片 浏览:497
性女生殖器图片 浏览:243
尼康相机如何改变图片格式 浏览:665
晴天图片配文字 浏览:931
黑色背影男生图片卡通 浏览:948
偏深红色衣服图片 浏览:191
双肩包男生背影图片 浏览:484
如何设置微信朋友圈文字图片 浏览:836
喝酒图片高清 浏览:837
美女排便的图片 浏览:18
汪星人可爱图片 浏览:359
虹色的衣服图片 浏览:198
word插入图片打印不改变图片大小 浏览:972