图片滚动代码

文字在图片上滚动的代码是什么

在图片上添加上下滚动文字的源代码：
《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了；
最后还有一条，如果不想让文字滚动的话，那就只须按以上方法操作到第四步时，把准备好的文章（包括已处理好字的大小，字体，颜色），直接复制到图片上，点击发表文章即可；当然，代码里“图片上的文字”这几个字应预先去掉。

html 图片滚动代码

调用“图片”栏目图片的向左滚动代码
（效果演示）
以下是首页模板最新图片部分代码
———————————–
《tr》
《td
class=main_title_575》《B》最新图片《/B》《/td》
《/tr》
《tr》
《td
class=main_tdbg_575
vAlign=center
align=middle
height=131》
《!–{$GetPicPhoto(3,0,True,0,4,False,False,0,1,1,130,90,20,0,True,4)}–》
《/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》
《!–{$GetPicPhoto(3,0,True,0,12,False,False,0,1,1,130,90,20,0,True,12)}–》《/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》
《!–滚动代码结束–》
———————————–
注意滚动图片数不要太大，这会影响页面下载速度。

html图片无缝滚动代码怎么写

marquee和js两种方法，我建议使用js的，marquee兼容性不好，只兼容IE浏览器。

《!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 charset=“utf-8“ /》
《TITLE》分别用marquee和div+js实现首尾相连循环滚动效果《/TITLE》
《/HEAD》
《BODY》
用marquee实现首尾相连循环滚动效果（仅IE）：《br /》《br /》
《MARQUEE behavior=“scroll“ contenteditable=“true“ onstart=“this.firstChild.innerHTML+=this.firstChild.innerHTML;“ scrollamount=“3“ width=“100“》《SPAN unselectable=“on“》《img src=“img/menu_trigger.png“》《img src=“img/menu_trigger.png“》《img src=“img/menu_trigger.png“》《img src=“img/menu_trigger.png“》《img src=“img/menu_trigger.png“》《/SPAN》《/MARQUEE》
《br /》《br /》用DIV+javascript实现首尾相连循环滚动效果（兼容firefox）：《br /》《br /》
《DIV id=“scrollobj“ style=“white-space:nowrap;overflow:hidden;width:500px;“》《span》这里是要滚动的内容《/span》《/DIV》
《script language=“javascript“ type=“text/javascript“》
《!–
function scroll(obj) {
var tmp = (obj.scrollLeft)++;
//当滚动条到达右边顶端时
if (obj.scrollLeft==tmp) obj.innerHTML += obj.innerHTML;
//当滚动条滚动了初始内容的宽度时滚动条回到最左端
if (obj.scrollLeft》=obj.firstChild.offsetWidth) obj.scrollLeft=0;
}
setInterval(“scroll(document.getElementById(’scrollobj’))“,20);
//–》
《/script》
《/BODY》
《/HTML》

望采纳！

图片滚动代码

图片滚动代码

《MARQUEE width=500 height=95 onmouseover=stop() onmouseout=start() scrollAmount=3 loop=infinite deplay=“0“》《IMG src=“pic/logo.gif“》《IMG src=“images/aiving.gif“》《/MARQUEE》
1.图片尺寸为原始大小
2. scrollAmount 它表示速度，值越大速度越快。
3. width 是滚动区域的宽度，height 滚动区域的高度。
4. 加入onmouseover=stop() onmouseout=start()代码，鼠标指向循环文字图片时他们会停止滚动，鼠标离开时继续滚动。
5.用《a href=》和《/a》把《img》包围可以给滚动图片加上超级链接，并且img必须设border=0，否则图片会出现边框。
6.滚动方向可参见本专题“文字滚动代码”。

——–
请求加分给我

图片不间断循环滚动代码（向左，向右，向上，向下）

//向左滚动《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》
在图片上加连接
图片

网站图片滚动代码

图片滚动代码 (从右向左滚动)
《marquee scrollamount=1 scrolldelay=3 valign=middle behavior=“scroll“》
《img src=“要滚动的图片地址1“》
《img src=“要滚动的图片地址2“》
《/marquee》
图片滚动代码 (从下往上滚动)
《marquee onMouseOver=“this.stop()“ onMouseOut=“this.start()“ align=center direction=up scrollamount=1 scrolldelay=3 valign=middle behavior=“scroll“》
《img src=“要滚动的图片地址1“》
《img src=“要滚动的图片地址2“》
《/marquee》

html图片滚动代码

《!–下面是向上滚动代码–》
《div id=butong_net_top
style=overflow:hidden;height:100;width:90;》
《div id=butong_net_top1》
《img src=“插入需要滚动的图片“》
《img src=“插入需要滚动的图片“》
《img src=“插入需要滚动的图片“》
《img src=“插入需要滚动的图片“》
《img src=“插入需要滚动的图片“》
《/div》
《div
id=butong_net_top2》《/div》
《/div》
《script》
var speed=30
butong_net_top2.innerHTML=butong_net_top1.innerHTML
//克隆butong_net_top1为butong_net_top2
function Marquee1(){
//当滚动至butong_net_top1与butong_net_top2交界时
if(butong_net_top2.offsetTop-butong_net_top.scrollTop《=0)&《60;&《60;
butong_net_top.scrollTop-=butong_net_top1.offsetHeight
//butong_net_top跳到最顶端
else{
butong_net_top.scrollTop++;
}
}
var MyMar1=setInterval(Marquee1,speed)//设置定时器
//鼠标移上时清除定时器达到滚动停止的目的
butong_net_top.onmouseover=function() {clearInterval(MyMar1)}
//鼠标移开时重设定时器
butong_net_top.onmouseout=function(){MyMar1=setInterval(Marquee1,speed)}
《/script》
《!–向上滚动代码结束–》
《br》
《!–下面是向下滚动代码–》
《div id=butong_net_bottom
style=overflow:hidden;height:100;width:90;》
《div id=butong_net_bottom1》
《img src=“插入需要滚动的图片“》
《img src=“插入需要滚动的图片“》
《img src=“插入需要滚动的图片“》
《img src=“插入需要滚动的图片“》
《img src=“插入需要滚动的图片“》
《/div》
《div
id=butong_net_bottom2》《/div》
《/div》
《script》
var speed=30
butong_net_bottom2.innerHTML=butong_net_bottom1.innerHTML
butong_net_bottom.scrollTop=butong_net_bottom.scrollHeight
function Marquee2(){
if(butong_net_bottom1.offsetTop-butong_net_bottom.scrollTop》=0)
butong_net_bottom.scrollTop+=butong_net_bottom2.offsetHeight
else{
butong_net_bottom.scrollTop–
}
}
var MyMar2=setInterval(Marquee2,speed)
butong_net_bottom.onmouseover=function()
{clearInterval(MyMar2)}
butong_net_bottom.onmouseout=function()
{MyMar2=setInterval(Marquee2,speed)}
《/script》
《!–向下滚动代码结束–》
《br》
《!–下面是向左滚动代码–》
《div id=“butong_net_left“
style=“overflow:hidden;width:500px;“》
《table cellpadding=“0“ cellspacing=“0“
border=“0“》
《tr》《td
id=“butong_net_left1“ valign=“top“
align=“center“》
《table cellpadding=“2“ cellspacing=“0“
border=“0“》
《tr align=“center“》
《td》《img
src=“《img
src=“插入需要滚动的图片“》《/td》
《td》《img
src=“插入需要滚动的图片“》《/td》
《td》《img
src=“插入需要滚动的图片“》《/td》
《td》《img
src=“插入需要滚动的图片“》《/td》
《td》《img
src=“插入需要滚动的图片“》《/td》
《/tr》
《/table》
《/td》
《td id=“butong_net_left2“
valign=“top“》《/td》
《/tr》
《/table》
《/div》
《script》
var speed=30//速度数值越大速度越慢
butong_net_left2.innerHTML=butong_net_left1.innerHTML
function Marquee3(){
if(butong_net_left2.offsetWidth-butong_net_left.scrollLeft《=0)
butong_net_left.scrollLeft-=butong_net_left1.offsetWidth
else{
butong_net_left.scrollLeft++
}
}
var MyMar3=setInterval(Marquee3,speed)
butong_net_left.onmouseover=function()
{clearInterval(MyMar3)}
butong_net_left.onmouseout=function()
{MyMar3=setInterval(Marquee3,speed)}
《/script》
《!–向左滚动代码结束–》
《br》
《!–下面是向右滚动代码–》
《div id=“butong_net_right“
style=“overflow:hidden;width:500px;“》
《table cellpadding=“0“ cellspacing=“0“
border=“0“》
《tr》《td
id=“butong_net_right1“ valign=“top“
align=“center“》
《table cellpadding=“2“ cellspacing=“0“
border=“0“》
《tr align=“center“》
《td》《img
src=“插入需要滚动的图片“》《/td》
《td》《img
src=“插入需要滚动的图片“》《/td》
《td》《img
src=“插入需要滚动的图片“》《/td》
《td》《img
src=“插入需要滚动的图片“》《/td》
《td》《img
src=“插入需要滚动的图片“》《/td》
《/tr》
《/table》
《/td》
《td id=“butong_net_right2“
valign=“top“》《/td》
《/tr》
《/table》
《/div》
《script》
var speed=30//速度数值越大速度越慢
butong_net_right2.innerHTML=butong_net_right1.innerHTML
function Marquee4(){
if(butong_net_right.scrollLeft《=0)
butong_net_right.scrollLeft+=butong_net_right2.offsetWidth
else{
butong_net_right.scrollLeft–
}
}
var MyMar4=setInterval(Marquee4,speed)
butong_net_right.onmouseover=function()
{clearInterval(MyMar4)}
butong_net_right.onmouseout=function()
{MyMar4=setInterval(Marquee4,speed)}
《/script》
《!–向右滚动代码结束–》

JavaScript代码实现图片循环滚动效果

1.概述
循环滚动图片，不仅可以增添Web页面的动态效果，而且可以节省页面空间，有效地保证在有限的页面中显示更多的图片。
2.技术要点
主要应用setTimeout()方法实现图片的循环滚动效果。setTimeout()方法的语法格式如下：
setTimeout（function,milliseconds,[arguments]）
参数说明：
a.
function：要调用的JavaScript自定义函数名称。
b.
Milliseconds：设置超时时间（以毫秒为单位）。
功能：经过超时时间后，调用函数。此值可以用clearTimeout()函数清除。
3.具体实现
（1）在页面的合适位置添加一个id属性为demo的《div》标记，并在该标记中添加表格及要要滚动显示的图片。关键代码如下：
《div
id=“demo“
style=“
overflow:
hidden;
width:
455px;
height:
166px;“》
《table
border=“0“
cellspacing=“0“
cellpadding=“0“》
《tr》
《td
valign=“top“
id=“marquePic1“》
《!–
要循环滚动的图片
–》
《table
width=“455“
border=“0“
align=“center“
cellpadding=“0“
cellspacing=“0“
》
《tr
align=“center“》
《%for(int
i=1;i《8;i++){%》
《td》
《img
src=“Images/《%=i%》.jpg“
width=“118“
height=“166“
border=“1“》
《/td》
《%}%》
《/tr》
《/table》
《/td》
《td
id=“marquePic2“
width=“1“》《/td》
《/tr》
《/table》
《/div》
（2）编写自定义的JavaScript函数move()，用于实现无间断的图片循环滚动效果。speed数值越大图片滚动的越快，具体代码如下：
《script
language=“javascript“》
var
speed=30
;
//设置间隔时间
marquePic2.innerHTML=marquePic1.innerHTML;
var
demo=document.getElementById(“demo“);
//获取demo对象
function
Marquee(n){
//实现图片循环滚动的方法
if(marquePic1.offsetWidth-demo.scrollLeft《=0){
demo.scrollLeft=0;
}
else{
demo.scrollLeft=demo.scrollLeft+n;
}
}
var
MyMar=setInterval(“Marquee(5)“,speed);
demo.onmouseover=function()
{
//停止滚动
clearInterval(MyMar);
}
demo.onmouseout=function()
{
//继续滚动
MyMar=setInterval(“Marquee(5)“,speed);
}
《/script》
以上所述是小编给大家介绍的JavaScript代码实现图片循环滚动效果的相关知识，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

Dreamweaver制作图片左右滚动的完整代码怎么编写

《marquee》《img src=“图片地址“》《/marquee》

使用这个代码就可以了，而且可以稍微修改下的。

《marquee》标签是滚动字幕标签，里面可以嵌套很多标签，比如《p》标签、《a》标签、《img》标签，我给你的这个代码就是嵌套《img》标签的应用 左右滚动可以

以下是这个标签的参数：

(1)scrollAmount：它表示速度，值越大速度越快。如果没有它，默认为6，建议设为1～3比较好。

(2)width和height：表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值。 

(3)direction：表示滚动的方向，默认为从右向左(left)：可选的值有right、down、up。

图片上下滚动代码

简单的话MARQUEE就可以了，如要别效果，用JS写一个，网上现成的也很多
如：
《marquee
loop=“10“
direction=“down“
ONMOUSEOUT=this.start()
ONMOUSEOVER=this.stop()
》
《img
src=“01.jpg“》
《img
src=“02.jpg“》
《/marquee》