简单图片滚动代码_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空间不给用代码了，应用到网页中是可以的...

导航:首页 > 好看图片 > 简单图片滚动代码

简单图片滚动代码

与简单图片滚动代码相关的资料