⑴ js文字由左向右無間斷滾動效果
<script type="text/javascript">
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>
demo的css一定要設定width和overflow:hidden
<div id="demo">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div id="demo1">
<table width="1000" height="172" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
文字放這里
</td>
</tr>
</table>
</div>
</td>
<td>
<div id="demo2"></div>
</td>
</tr>
</table>
</div>
原理demo2復制demo1然後連成一行，demo1滾動完滾動demo2因為內容一樣所以看不出來，demo2滾動完滾動demo1
⑵ 求個 JS不間斷向下翻屏滾動，每張圖可以停留幾個秒，滑鼠放在上面就停止的 代碼。 跪求！！！！
第一認識 MARQUEE：
Marquee標記用於在可用瀏覽區域中滾動文本。這個標記只適用於IE3以後的版的瀏覽器。
格式：
<MARQUEE ALIGN="…" 用於按設定的值對齊滾動的文本。ALIGN可以設定的值有：LEFT，CENTER，RIGHT。。。。
BEHAVIOR="…" 可以在頁面上一旦出現文本時讓瀏覽器按照設定的方法來處理文本
BGCOLOR="…" BGCOLOR：用於設定字幕的背景顏色
DIRECTION="…" 用於設定文本滾動的方向
HEIGHT="…" 用於設定滾動字幕的高度
WIDTH="…" 用於設定字幕的寬度
HSPACE="…" 用於設定滾動字幕左右的空白空間
VSPACE="…" 用於設定滾動字幕上下的空白空間
LOOP="…" 於設定滾動字幕的滾動次數。當LOOP的值為"INFINITE"或是"-1"時，則文字會無限制地滾動
SCROLLAMOUNT="…" 用於設定每個連續滾動文本後面的間隔，該間隔用像素表示。
SCROLLDELAY="…" 用於設定兩次滾動操作之間的間隔時間，該時間以毫秒為單位。
>…
</MARQUEE>
一個簡單使用的示例：
<marquee direction="up" width="100" bgcolor="#ffcc66" style="Z-INDEX: 124; LEFT: 80px; POSITION: absolute; TOP: 312px" onmouseover="this.stop()" onmouseout="this.start()">///onmouseover="this.stop()"響應滑鼠經過事件——文字停止移動
///onmouseout="this.start()"滑鼠移開事件的響應——文字繼續移動
//下面是創建DataList用於能動態更新顯示的文字，（既更新資料庫就能更新文字）
〈asp:DataList ID="DataList1" Runat="server" Font-Size="Smaller"〉
〈ItemTemplate〉
〈table width="100" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100" align="center" valign="middle"><%# DataBinder.Eval(Container.DataItem,"公告內容") %></td>
</tr>
</table>
</ItemTemplate>
</asp:DataGrid>
//以上就是將DataList 的數據源幫定到"公告內容"欄位,具體的DataLis的數據幫定和DataGrid基本一樣,很多.net 的書都講的有,請網友自己去參考其他資料.
</marquee>
⑶ js中怎麼實現圖片不間斷的向左滾動效果，要那種代碼清晰的~
<script type="text/javascript">
var speed = 20;//滾動速度
var maq;
var m1;//第一份滾動的內容
var m2;//第二份滾動的內容
var timer;//定時器
function run(){
if(m1.offsetWidth<=maq.scrollLeft){
maq.scrollLeft-=m1.offsetWidth;
}else{
maq.scrollLeft+=6;
}
}
window.onload=function(){
maq=document.getElementById("maq");
m1=document.getElementById("m1");
m2=document.getElementById("m2");
m2.innerHTML=m1.innerHTML;
if(timer==null){
timer=window.setInterval(run,speed);
}
maq.onmouseover=function(){
window.clearInterval(timer);
}
maq.onmouseout=function(){
timer=window.setInterval(run,speed);
}
}
</script>
</head>
<body>
<div id="maq" style="height:200px; width:180px; overflow:hidden">
<table>
<tr>
<td id="m1">
<table>
<tr>
<td><img src="file:///E|/Images/player1.png" width="174" height="268" /></td>
<td><img src="file:///E|/Images/player2.png" width="174" height="268" /></td>
<td><img src="file:///E|/Images/player3.png" width="174" height="268" /></td>
</tr>
</table>
</td>
<td id="m2"></td>
</tr>
</table>
</div>
</body>
樓主詳細代碼在這里這已經是相當的簡介版了你只要把圖片路徑改一下就能用了，~要採納呦~你懂得~~
⑷ 關於如何使用js不斷循環上下滾動
我一般的解決方法就是，重復循環要滾動的內容，比如裡面有5張圖片吧，把這張圖片連續放3次，也就相當於展示15張圖，滾動的內容多，一般情況下就不會停止不動了。
⑸ JS上下文字滾動，怎麼改成無限循環的，還有就是滾動速度怎麼改
我有一個文字上下無限循環滾動的代碼。。你看看
你也可以去網上搜集一點那種素材。。懶人圖庫 、17素材都有
⑹ js實現圖片滾動效果
<SCRIPT language="JavaScript">
var speed=50; //設置滾動速度
demo2.innerHTML=demo1.innerHTML //復制dome1為dome2
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0) //當滾動至dome1與dome2交界時
demo.scrollTop-=demo1.offsetHeight //dome跳到最頂端
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed) //設置定時器
demo.onmouseover=function() {clearInterval(MyMar)}//滑鼠移上時清除定時器達到滾動停止的目的
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}//滑鼠移開時重設定時器，繼續滾動
</SCRIPT>
<div id="demo" style="overflow: hidden; height: 600; width: 180; background: #214984; color: #ffffff">
<div id="demo1" align="center">
<!-- 定義圖片 -->
</div>
<div id="demo2" align="center"></div>
</div>