導航:首頁 > 圖片大全 > 如何用代碼把圖片無線循環

如何用代碼把圖片無線循環

發布時間: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


以下是在按鍵精靈的顯示內容:

閱讀全文

與如何用代碼把圖片無線循環相關的資料

熱點內容
cdr如何導入圖片 瀏覽:337
奧迪q3越野價格及圖片 瀏覽:489
可愛女孩簡筆畫圖片 瀏覽:71
19生日蛋糕圖片大全 瀏覽:162
女生吸血圖片 瀏覽:424
失戀的圖片男生版 瀏覽:85
江西吉安的女生圖片 瀏覽:733
如何用photoshop調整圖片底色 瀏覽:311
手機怎麼發不出去圖片 瀏覽:784
動漫男生抱著熊貓圖片 瀏覽:818
情侶圖片可愛呆萌圖片 瀏覽:113
圖片加鈴聲如何設置 瀏覽:991
動漫酷男生圖片 瀏覽:581
word中兩張圖片怎麼疊合 瀏覽:852
word圖片每頁都有水印 瀏覽:185
男生小便圖片正面 瀏覽:990
初中生畫畫的圖片簡單 瀏覽:361
簡單美麗教師節手抄報圖片大全 瀏覽:375
明星古裝發型圖片 瀏覽:702
冷血酷炫帥氣的男生圖片動漫 瀏覽:985