文字和圖片滾動代碼

❶ 求文字和圖片的滾動代碼（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>