簡單圖片滾動代碼_html怎麼設置滾動圖片

Ⅰ html怎麼設置滾動圖片

方案一：直接使用HTML的滾動標簽 marquee ，把圖片放入滾滾標簽內部，代碼如下：

</marquee>

方案二：使用第三方插件，比如swiper.js，

插件

Ⅱ 如何在HTML中實現圖片的滾動效果

<MARQUEE onmouseover=stop() onmouseout=start() scrollAmount=3 loop=infinite deplay="0"><IMG src="第一張圖片地址" ><IMG src="第二張圖片地址"></MARQUEE>
注釋：
1) scrollAmount。它表示速度，值越大速度越快。
2) 加入onmouseover=stop() onmouseout=start()代碼，滑鼠指向循環文字圖片時他們會停止滾動，滑鼠離開時繼續滾動。
給滾動圖片加超鏈接
用<a href=>和</a>把<img>包圍，並且img必須設border=0，否則圖片會出現邊框。例子如下：
<MARQUEE scrollAmount=3 loop=infinite deplay="0"><a href="鏈接網址"><img src="圖片網址" border=0></a></MARQUEE>
圖片從右到左滾動
<MARQUEE width=寬 height=高 onmouseover=stop() onmouseout=start() scrollAmount=速度 loop=infinite deplay="0"><img src="圖片地址 "><img src="圖片地址 ">···</MARQUEE>
圖片從下到上滾動
<marquee behavior="scroll" direction=up width="寬" height="高" scrollamount="5" onmouseout="this.start()"><img src="圖片網址 "><img src="圖片網址 ">···</marquee>
帶有超鏈接的圖片實現滾動效果
<marquee behavior="scroll" direction=up width="120" height="60" scrollamount="1" scrolldelay="60" onmouseover="this.stop()" onmouseout="this.start()"><a target="cont" href="連接地址"><img src="http://圖片地址" idth="88" height="33" border="0"></a><a target="cont" href="連接地址"><img src="圖片地址" width="88" height="33" border="0"></a></marquee>

Ⅲ 怎麼用網頁製作做出圖片滾動效果大神們幫幫忙

1.<marquee onMouseOver=this.stop() onMouseOut=this.start() scrollamount="2"散源 direction="up" behavior="scroll">把你的內容放這里<睜掘此/marquee>這個代碼是比較簡單的示例，會有空白，如果不想有空白的話還是需要JS的。 2.<MARQUEE scrollAmount=1 scrollDelay=1 direction=right width=180 height=250><IMG src="圖片網址" width=180 border=0> <IMG src="圖片網址悉迅" width=180 border=0> <IMG src="圖片網址" width=180 border=0> <IMG src="圖片網址" width=180 border=0> <IMG src="圖片網址" width=180 border=0> <IMG src="圖片網址" width=180 border=0> <DIV></DIV></MARQUEE></CENTER> 數值可以變換，數值的變換可以影響圖片速度的滾動！圖片滾動方向也可以換！都是簡單的英語單詞，大家在變換的時候應該沒有問題上下滾動圖片代碼: 代碼：<CENTER> <MARQUEE scrollAmount=1 scrollDelay=1 direction=up width=170 height=250> <DIV align=center><IMG src="圖片網址" width=300 border=0></DIV> <DIV align=center><IMG src="圖片網址" width=300 border=0></DIV> <DIV align=center><IMG src="圖片網址" width=300 border=0></DIV> <DIV align=center><IMG src="圖片網址" width=300 border=0></DIV> <DIV align=center><IMG src="圖片網址" width=300 border=0></DIV> <DIV align=center><IMG src="圖片網址" width=300 border=0></DIV></MARQUEE></CENTER> 註：direction方向可UP可DOWN 寬高可以換

Ⅳ 文字在圖片上滾動的代碼是什麼

在圖片上添加上下滾動文字的源代碼：

<DIV><TABLE style="WIDTH: 500px; HEIGHT: 375px" width=500 border=0><TBODY><TR><TD
background=圖片地址 height=375><P><MARQUEE style="WIDTH: 500px; HEIGHT: 375px" scrollAmount=1
scrollDelay=50 direction=up width=500 height=375>圖片上的文字</MARQUEE></P></TD></TR></TBODY>

代碼說明：
1，width=寬度 height=高度的數值為圖片顯示的大小比例，必須根據圖片實際大小調整；如圖片尺寸為1024：768的，其代碼中的寬度和高度，也必須變更為1024：768；圖片尺寸為500：375的，其代碼中的寬度和高度，就必須變更為500：375，否則顯示出來的畫面不完整；而且代碼里四組寬，高數值變更要統一；
2，scrollAmount=1 為字速，數值越大字的運行速度越快；
3，border=0> 為邊框數值，0為無邊框；填上數字就變為有邊框，而且數字的大小，就是邊框的寬窄度；
4，direction=up 為字的行走方向 up=上 down=下；如要調整為左右方向的話 left=左 right=右
那字體就會從圖片頂端成單行通過；
5，滾動文字行與行之間不要有空行；

具體操作方法如下：
第一步：先要找到做文章背景圖片的圖片網路地址，否則文章做了一半才去找圖片地址就麻煩了；
第二步：進入發表文章窗口；
第三步：勾選「顯示源代碼」（至關重要!）；
第四步：在編輯欄內原有代碼後面添加上列代碼（代碼里應先加好圖片地址和你需要加入的文字）；
第五步：取消「顯示源代碼」的選擇，就會在編輯欄里看到圖片和文字效果了；
第六步：最後，點擊發表文章就OK了；

最後還有一條，如果不想讓文字滾動的話，那就只須按以上方法操作到第四步時，把准備好的文章（包括已處理好字的大小，字體，顏色），直接復制到圖片上，點擊發表文章即可；當然，代碼里「圖片上的文字」這幾個字應預先去掉。

Ⅳ 求圖片上下連續滾動的代碼

圖片連續上下滾動的代碼：

</p><div id=demo style=overflow:hidden;height:300;width:200>
<div id=demo1>
<img src='圖片地址'><br>
<img src='圖片地址'><br>
<img src='圖彎桐片地址'><br>
<img src='圖片地址'><br>
<img src='圖片地址'>埋大坦<br>
<img src='圖片地址'><br>
<img src='圖片地址'><br>
<img src='圖片地址'><br>
<img src='圖片地址'><br>
<img src='圖片地址'><br>
<img src='圖片地址'><br>
<img src='圖片地址'><br>
<img src='圖片地址'><br>
<img src='圖片地址'><br>
<img src='圖片地址'><br>
</div><div id=demo2></div>
</div><p><script>仿判<SCRIPT>
var speed=30;
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></p>

代碼說明：

1，height:300;width:200 ：圖片滾動框高、寬度的數值，可自行調節；

2，圖片多少可根據自己喜歡增刪，以：<img src='圖片地址'><br> 為一個單元增刪即可；

3，復蓋圖片地址時要注意，不要把 ' ' 這兩個小逗號復蓋掉，否則無效；

Ⅵ html 圖片滾動代碼

調用「圖片」欄目圖片的向左滾動代碼
（效果演示）
以下是首頁模板最新圖片部分代碼
-----------------------------------
<tr>
<td
class=main_title_575><B>最新圖片</B></td>
</tr>
<tr>
<td
class=main_tdbg_575
vAlign=center
align=middle
height=131>

</td>
</tr>
------------------------------------

<div
id=demo
style="OVERFLOW:
hidden;
WIDTH:
560px;
HEIGHT:
120px">
<table
cellPadding=0
align=left
border=0
cellspace="0">
<tr>
<td
id=demo11
vAlign=top>
</td>
<td
id=demo12
vAlign=top></td>
</tr>
</table>
</div>
<SCRIPT>
var
speed=15
demo12.innerHTML=demo11.innerHTML
function
Marquee11(){
if(demo12.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo11.offsetWidth
else{
demo.scrollLeft++
}
}
var
MyMar1=setInterval(Marquee11,speed)
demo.onmouseover=function()
{clearInterval(MyMar1)}
demo.onmouseout=function()
{MyMar1=setInterval(Marquee11,speed)}
</SCRIPT>

-----------------------------------
注意滾動圖片數不要太大，這會影響頁面下載速度。

Ⅶ 讓圖片從右到左滾動的網頁代碼是怎麼樣的

往左是：
<marquee><img
src="你的圖片地址"></marquee>
往右是：
<marquee
direction=right><img
src="你的圖片地址"></marquee>
往上是：
<marquee
direction=up><img
src="你的圖片地址"></marquee>
往下是：
<marquee
direction=down><img
src="你的圖片地址"></marquee>
如果需要在當滑鼠移動到圖片上時停止滾動，就在<marquee>里加onmouseover=stop()
onmouseout=start()，
例如<marquee
direction=down
onmouseover=stop()
onmouseout=start()><img
src="你的圖片地址"></marquee>

Ⅷ 圖片向左滾動的代碼

圖片滾動代碼
(從右向岩碰前左滾動)
<marquee
scrollamount=1
scrolldelay=3
valign=middle
behavior="scroll">
<img
border="0"
src="
http://要滾動的圖片地址1">
<img
border="0"
src="
http://要滾動的圖片地址2">
</marquee>
圖片滾動粗清代碼
(從下往上滾動)
<marquee
onMouseOver="this.stop()"
onMouseOut="this.start()"
align=center
direction=up
scrollamount=1
scrolldelay=3
valign=middle
behavior="scroll">
<img
border="0"
src="
http://要滾動的圖片地址1">
<img
border="0"
src="
http://要滾動的圖片地址2">
</marquee>
如果你在QQ空間用的話，可能不吵氏行，因為現在的QQ空間不給用代碼了，應用到網頁中是可以的...

導航:首頁 > 好看圖片 > 簡單圖片滾動代碼

簡單圖片滾動代碼

與簡單圖片滾動代碼相關的資料