文字和图片滚动代码

❶ 求文字和图片的滚动代码（ASP的）

图片或文字或图文混合连续滚动

//向左连续滚动

<DIV id=demo style="OVERFLOW: hidden; WIDTH: 381px;valign:top">
<!--定义DIV为DEMO-->

<!--DIV定义一个层用于装载需要滚动的表格 注意表格中所有元素的宽度要比上面定义的WIDTH要大，否则不能连续滚动-->
<!--如果是数据库操作，在这里得到需要显示的图片及文字-->
<table border="0" width="100%" cellpadding="0" cellspacing="0">
<tr><td id=demo1>
<!--本TD定义为DEMO1-->
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td>
<!--这里是放图片的地方，由于我使用 PHP因此写的是PHP格式，可以使用任何语言在这里得到图片或是静态皆可-->
<?php echo $midshow[1];?>
</td>
<td></td>
<!--这里产生一个空隙-->
<td>
<?php echo $midshow[2];?>
<td></td>
<td>
<?php echo $midshow[3];?>
<td></td>
<td>
<?php echo $midshow[4];?>
<td></td>
<td>
<?php echo $midshow[5];?>
</td>
</tr>
<tr>
<!--这里是放文字介绍的地方-->
<td><p align="center">
<?php echo $middownshow[1];?></p>
</td>
<td></td>
<td><p align="center">
<?php echo $middownshow[2];?></p>
</td>
<td></td>
<td><p align="center">
<?php echo $middownshow[3];?></p>
</td>
<td></td>
<td><p align="center">
<?php echo $middownshow[4];?></p>
</td>
<td></td>
<td><p align="center">
<?php echo $middownshow[5];?></p>
</td>
</tr>
</table></td><td id=demo2> <!--本TD 定义为DEMO2--> </td></tr></table>
<SCRIPT language="javascript">
<!--

var speed=20
//原理是不断的向DEMO2中填入DEMO1中的内容，然后将已经看不见的清除
//用一个两列一行的表格，左边再放一个装填有内容的表格，定义为DEMO1，右边是空的TD，定义为DEMO2
//SPEED是用来控制速度的。

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>
</div>
</body>
</html>

//向上连续滚动
<!--上面已经作了详细注释，以下就不做注释了。。。-->

<DIV id=demo style="OVERFLOW: hidden; WIDTH: 160px; HEIGHT: 240px;valign:top">
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TR>
<TD id=demo1>
<TABLE cellSpacing=0 cellPadding=3 border=0 width="141">
<TBODY>
<TR>
<TD vAlign=top><A href="<?php echo $midlink[1];?>">
<img src="<?php echo $midshow[1];?>" border=0></A>
</TD>
</TR>
<TR>
<TD vAlign=top><a href="<?php echo $midlink[2];?>">
<img src="<?php echo $midshow[2];?>" border=0></a></TD>
</TR>
<TR>
<TD vAlign=top><a href="<?php echo $midlink[3];?>">
<img src="<?php echo $midshow[3];?>" border=0></a></TD>
</TR>
<TR>
<TD vAlign=top><a href="<?php echo $midlink[4];?>">
<img src="<?php echo $midshow[4];?>" border=0></a></TD>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD id=demo2 vAlign=top> </TD>
</TR>
</TBODY>
</TABLE>
</DIV><SCRIPT>
var speed=20
//原理是不断的向DEMO2中填入DEMO1中的内容，然后将已经看不见的清除
//用一个两行一列的表格，上一列再放一个装填有内容的表格，定义为DEMO1，下一列是空的TD，定义为DEMO2
//SPEED是用来控制速度的。
demo2.innerHTML=demo1.innerHTML
function Marquee(){if(demo2.offsetHeight-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>

❷ 图片上加滚动文字代码

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

❸ 在图片上添加文字向上滚动的代码是什么

在哪方面运用嘛！

如果是网页上，貌似要把图片设为背景，然后在table或则div中添加以下代码！

<marquee direction="up" height="170" loop="-1" hspace="6" scrollamount="2" scrolldelay="2" width="180" id="pu" onmousemove="pu.stop()" onmouseout="pu.start()">需要滚动的文字</marquee>

direction 方向 loop滚动次数 ……等等

❹ 几种文字、图片滚动代码

</marquee> 效果如下：
鼠标放上去停止滚动，移开继续滚动。2.<marquee direction=up scrollamount=3 >
文字向上滚。</marquee> 效果如下：
文字向上滚。3.<marquee direction=down scrollamount=3 >
文字下向滚。</marquee> 效果如下：
文字向下滚。文字移动速度的设置：
请注意下面语句中的红色属性
4.<marquee direction="left" scrolldelay="60"> 文字部分</marquee>
IE默认值为60（单位：毫秒）
取值越大，移动越慢（小于60，IE仍默认为60）。效果如下：

❺ 图片滚动代码

方式一：
<MARQUEE width=380 height=80 onmouseover=stop() onmouseout=start() scrollAmount=3 loop=infinite deplay="0"><img src="第一张图片地址"><img src="第二张图片地址"></MARQUEE>

代码含义补充说明：
1.图片尺寸为原始大小
2. scrollAmount 它表示速度，值越大速度越快。
3. width 是滚动区域的宽度，height 滚动区域的高度。
4. 加入onmouseover=stop() onmouseout=start()代码，鼠标指向循环文字图片时他们会停止滚动，鼠标离开时继续滚动。
5.如何给滚动图片加超链接？
用<a href=>和</a>把<img>包围，并且img必须设border=0，否则图片会出现边框。

方法二：
var speed3=25//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed3)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed3)}

❻ 如何用html实现文本+图片轮流滚动显示

就是无缝滚动

用js就可以

1、打开Dreamweaver软件

2、代码如下： 不要忘了引入js库

<!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>js无缝滚动制作js文字无缝滚动和js图片无缝滚动</title>

<meta name="description" content="js无缝滚动制作多种无缝滚动效果js文字无缝滚动和js图片无缝滚动,直接复制副本标签js无缝滚动代码。内含js代码下载。" />

</head>

<body>

<style type="text/css">

*{margin:0;padding:0;list-style-type:none;font-size:12px;}

a,img{border:0;}

.scroll{height:300px;width:500px;margin:50px auto;border:solid 1px #ddd;}

.scroll p{line-height:28px;padding:5px 0;border-bottom:dashed 1px #ddd;text-align:center;}

.scroll p a{color:#3366cc;text-decoration:none;}

</style>

<script type="text/javascript">

function addEventSimple(obj,evt,fn){

if(obj.addEventListener){

obj.addEventListener(evt,fn,false);

}else if(obj.attachEvent){

obj.attachEvent('on'+evt,fn);

}

}

addEventSimple(window,'load',initScrolling);

var scrollingBox;

var scrollingInterval;

var reachedBottom=false;

var bottom;

function initScrolling(){

scrollingBox = document.getElementById('xst');

scrollingBox.style.overflow = "hidden";

scrollingInterval = setInterval("scrolling()",50);

scrollingBox.onmouseover = over;

scrollingBox.onmouseout = out;

}

function scrolling(){

var origin = scrollingBox.scrollTop++;

if(origin == scrollingBox.scrollTop){

if(!reachedBottom){

scrollingBox.innerHTML+=scrollingBox.innerHTML;

reachedBottom=true;

bottom=origin;

}else{

scrollingBox.scrollTop=bottom;

}

}

}

function over(){

clearInterval(scrollingInterval);

}

function out(){

scrollingInterval = setInterval("scrolling()",50);

}

</script>

<div class="scroll" id="xst">

<p><a href="http://www.17sucai.com/" target="_blank">jquery 文字滚动大全 scroll 支持文字或图片 单行滚动 多行滚动 带按钮控制滚动</a></p>

<p><img width="150" height="150" alt="jquery 文字滚动大全 scroll 支持文字或图片 单行滚动 多行滚动 带按钮控制滚动" src="images/1.jpg" /></p>

<p><a href="http://www.17sucai.com/" target="_blank">jquery 文字连续滚动 节奏感十足的齿轮式滚动图片展示与文字内容特效展示</a></p>

<p><img width="150" height="150" alt="js文字滚动制作js scroll单排文字滚动向上间隔滚动" src="images/2.jpg" /></p>

<p><a href="http://www.17sucai.com/" target="_blank">jquery 文字特效霓虹灯文字效果使用jQuery和CSS</a></p>

<p><img width="150" height="150" alt="jquery 文字连续滚动 节奏感十足的齿轮式滚动图片展示与文字内容特效展示" src="images/3.jpg" /></p>

<p><a href="http://www.17sucai.com/" target="_blank">js文字滚动制作js scroll单排文字滚动向上间隔滚动</a></p>

<p><img width="150" height="150" alt="jquery 文字特效霓虹灯文字效果使用jQuery和CSS" src="images/4.jpg" /></p>

<p><a href="http://www.17sucai.com/" target="_blank">js文字切换特效制作焦点文字带滤镜切换效果</a></p>

<p><a href="http://www.17sucai.com/" target="_blank">js文字特效制作js文字闪烁与文字变色效果</a></p>

<p><a href="http://www.17sucai.com/" target="_blank">js文字滚动插件制作双行关联向上文字间隙滚动</a></p>

</div>

</body>

效果：

❼ 如何让文字在图片上滚动

如何在文章中的图片上添加滚动文字代码如下：<DIV<TABLE style=WIDTH: 380px; HEIGHT: 256px width=380 border=0<TBODY<TR<TD background=图片地址 height=250<P<MARQUEE style=WIDTH: 365px; HEIGHT: 238px scrollAmount=1 scrollDelay=50 direction=up width=365 height=238图片上的文字</MARQUEE</P</TD</TR</TBODY代码说明：1、复制代码，发表BLOG文章，点击“显示源代码”，粘贴代码，然后把你的图片地址粘贴覆盖在代码中图片地址上，点击“显示源代码”，点击图片上的滚动框，先调整滚动框的大小，然后再单击图片边缘，拉动图片调整图片的大小，最后把你的文字粘贴在滚动框中即可。 2、滚动文字行与行之间不要有空行。 3、图片大小和滚动文字大小，在“显示源代码”的情况下，鼠标单击图片或者图片上滚动框就可以拉动调整，没有必要在代码中调整。

❽ [组图]几种文字、图片滚动代码

鼠标放上去停止滚动，移开继续滚动。</marquee> 效果如下： 鼠标放上去停止滚动，移开继续滚动。2.<marquee direction=up scrollamount=3 > 文字向上滚。</marquee> 效果如下： 文字向上滚。3.<marquee direction=down scrollamount=3 > 文字下向滚。</marquee> 效果如下： 文字向下滚。文字移动速度的设置： 请注意下面语句中的红色属性 4.<marquee direction="left" scrolldelay="60"> 文字部分</marquee> IE默认值为60（单位：毫秒） 取值越大，移动越慢（小于60，IE仍默认为60）。效果如下：

❾ 求每张图片下面带文字的可以向右连续滚动的JS代码

楼主想要的在这里：

记得给分

<div id="demo" style="overflow:hidden;width:670px;color:#ffffff;">
<table cellpadding="0" cellspacing="0" border="0">
<tr><td id="demo1" valign="top" align="center">
<table cellpadding="2" cellspacing="0" border="0">
<tr align="center">
<td><img src="http://www.haao.cn/logo.gif" width="88"><br>图四</td>
<td><img src="http://www.haao.cn/logo.gif" width="88"><br>图五</td>
<td><img src="http://www.haao.cn/logo.gif" width="88"><br>图一</td>
<td><img src="http://www.haao.cn/logo.gif" width="88"><br>图二</td>
<td><img src="http://www.haao.cn/logo.gif" width="88"><br>图三</td>
</tr>
</table>
</td>
<td id="demo2" valign="top"></td>
</tr>
</table>
</div>
<script>
var speed=1//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
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>