求每张图片下面带文字的可以向右连续滚动的JS代码
之前问过该问题,得到了一个向左滚动的实例,但最近要做象右滚动时,看着那个代码实在是改不来,对JS不是很懂,望高手能指教,给我一段能达到我要求的别的代码,或帮我改下那段向左...
之前问过该问题,得到了一个向左滚动的实例,但最近要做象右滚动时,看着那个代码实在是改不来,对JS不是很懂,望高手能指教,给我一段能达到我要求的别的代码,或帮我改下那段向左滚动的代码,都成,最主要是出效果。
现把那段向左滚动的代码贴上。
无标题文档
function marquee1()
{
document.write("")
}
function marquee2()
{
document.write("")
marquee.childNodes[0].align='left';
if(marquee.childNodes[0].offsetWidth>marquee.offsetWidth) {
marquee.appendChild(marquee.childNodes[0].cloneNode(true));
}
else {
for(var i=0;imarquee.appendChild(marquee.childNodes[0].cloneNode(true));
}
}
repeat=setInterval(scrollMarquee,1);
}
function scrollMarquee() {
if(marquee.scrollLeftmarquee.scrollLeft++;
else
marquee.scrollLeft=0;
}
marquee1();
" alt="图片3" >文字3
" alt="图片2" >文字2
" alt="图片1" >文字1 marquee2(); 展开
" alt="图片3" >文字3
" alt="图片2" >文字2
" alt="图片1" >文字1 marquee2(); 展开
展开全部
楼主想要的在这里:
记得给分
<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>
记得给分
<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>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
我给你段代码 你照着改吧
你把页面大概也写成我这样的 如果少TABLE 什么的 你加点
<div id="jsweb7_cn_right" style="overflow:hidden;width:580px;">
<table width="520" height="151" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td id="jsweb7_cn_right1">
<table height="115" border="0" align="left" cellpadding="0" cellspacing="0"><tr>
<%set rs=server.CreateObject("adodb.recordset")
sql="select * from news where lm1_id=110 order by id desc"
rs.open sql,conn,1,1
for i=1 to rs.recordcount%>
<td><table>
<tr>
<td align="center"><table border="0" cellpadding="0"cellspacing="1" bgcolor="#663300">
<tr>
<td height="119" align="center" bgcolor="#FFFFFF"><a href="zt_xuesheng3.asp?id=<%=rs("id")%>"><img src="uploadfile/<%=rs("photo1")%>" width="122" height="109" border="0" /></a></td>
</tr>
</table></td>
</tr>
<tr>
<td height="22" align="center" valign="bottom"><a href="zt_xuesheng3.asp?id=<%=rs("id")%>" class="linktext2"><%=rs("subject")%></a></td>
</tr>
</table></td>
<%rs.movenext
next%>
</tr>
</table>
</td><td id="jsweb7_cn_right2" valign="top"></td>
</tr>
</table></div>
<script>
var speed=1//速度数值越大速度越慢
jsweb7_cn_right2.innerHTML=jsweb7_cn_right1.innerHTML
function Marquee3(){
if(jsweb7_cn_right.scrollLeft<=0)
jsweb7_cn_right.scrollLeft+=jsweb7_cn_right2.offsetWidth
else{
jsweb7_cn_right.scrollLeft--
}
}
var MyMar3=setInterval(Marquee3,speed)
jsweb7_cn_right.onmouseover=function() {clearInterval(MyMar3)}
jsweb7_cn_right.onmouseout=function() {MyMar3=setInterval(Marquee3,speed)}
</script>
你把页面大概也写成我这样的 如果少TABLE 什么的 你加点
<div id="jsweb7_cn_right" style="overflow:hidden;width:580px;">
<table width="520" height="151" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td id="jsweb7_cn_right1">
<table height="115" border="0" align="left" cellpadding="0" cellspacing="0"><tr>
<%set rs=server.CreateObject("adodb.recordset")
sql="select * from news where lm1_id=110 order by id desc"
rs.open sql,conn,1,1
for i=1 to rs.recordcount%>
<td><table>
<tr>
<td align="center"><table border="0" cellpadding="0"cellspacing="1" bgcolor="#663300">
<tr>
<td height="119" align="center" bgcolor="#FFFFFF"><a href="zt_xuesheng3.asp?id=<%=rs("id")%>"><img src="uploadfile/<%=rs("photo1")%>" width="122" height="109" border="0" /></a></td>
</tr>
</table></td>
</tr>
<tr>
<td height="22" align="center" valign="bottom"><a href="zt_xuesheng3.asp?id=<%=rs("id")%>" class="linktext2"><%=rs("subject")%></a></td>
</tr>
</table></td>
<%rs.movenext
next%>
</tr>
</table>
</td><td id="jsweb7_cn_right2" valign="top"></td>
</tr>
</table></div>
<script>
var speed=1//速度数值越大速度越慢
jsweb7_cn_right2.innerHTML=jsweb7_cn_right1.innerHTML
function Marquee3(){
if(jsweb7_cn_right.scrollLeft<=0)
jsweb7_cn_right.scrollLeft+=jsweb7_cn_right2.offsetWidth
else{
jsweb7_cn_right.scrollLeft--
}
}
var MyMar3=setInterval(Marquee3,speed)
jsweb7_cn_right.onmouseover=function() {clearInterval(MyMar3)}
jsweb7_cn_right.onmouseout=function() {MyMar3=setInterval(Marquee3,speed)}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询