求此一网站的图片滚动代码解决思路
日期：2014-05-18 浏览次数：20412 次
求此一网站的图片滚动代码
求此一网站的图片滚动代码
http://www.chinaxyz.org/index.asp
该网站的中部有一个“知名企业”的图片滚动功能，求类似此功能的代码，请高手帮忙。
本人原打算用 <marquee> 来实现此功能，但是 <marquee> 只能是从一端滚动到另一端，刚开始滚动会有一段很大的空白空间，很是难看。
------解决方案--------------------
网站很难打开
scrollpic.js代码
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代码:
<html>
<head>
<title> qq </title>
<body>
<CENTER>
<TABLE style= "BORDER: #ccc 1px solid; " cellSpacing=0 cellPadding=0 width=750 align=center border=0>
<TBODY>
<TR>
<TD>
<DIV id=demo style= "OVERFLOW: hidden; WIDTH: 100%; COLOR: #ffffff ">
<TABLE cellSpacing=0 cellPadding=0 align=left border=0 cellspace= "0 ">
<TBODY>
<TR>
<TD id=demo1 vAlign=top> <table width= "1710 " height= "116 " border= "0 " cellpadding= "0 " cellspacing= "0 ">
<tr>
<td width= "171 " background= "images/pic_bg.jpg "> <div align= "center "> 1 </div> </td>
<td width= "171 " background= "images/pic_bg.jpg "> <div align= "center ">
<p> 2 </p>
</div> </td>
<td width= "171 " background= "images/pic_bg.jpg "> <div align= "center "> 3 </div> </td>
<td width= "171 " background= "images/pic_bg.jpg "> <div align= "center "> 4 </div> </td>
<td width= "171 " background= "images/pic_bg.jpg "> <div align= "center "> 5 </div> </td>
<td width= "171 " background= "images/pic_bg.jpg "> <div align= "center "> 6 </div> </td>
<td width= "171 " background= "images/pic_bg.jpg "> <div align= "center "> 7 </div> </td>
<td width= "171 " background= "images/pic_bg.jpg "> <div align= "center "> 8 </div> </td>
<td width= "171 " background= "images/pic_bg.jpg "> <div align= "center "> 9 </div> </td>
<td width= "171 " background= "images/pic_bg.jpg "> <div align= "center "> 10 </div> </td>
</tr>
</table> </TD>
<TD id=demo2 vAlign=top> </TD> </TR> </TBODY> </TABLE> </DIV>
<script language=JavaScript src= "scrollpic.js "> </script>
</TD> </TR> </TBODY> </TABLE> </TD> </TR> </TABLE>
</CENTER>
</BODY> </HTML>
求此一网站的图片滚动代码
http://www.chinaxyz.org/index.asp
该网站的中部有一个“知名企业”的图片滚动功能，求类似此功能的代码，请高手帮忙。
本人原打算用 <marquee> 来实现此功能，但是 <marquee> 只能是从一端滚动到另一端，刚开始滚动会有一段很大的空白空间，很是难看。
------解决方案--------------------
网站很难打开
scrollpic.js代码
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代码:
<html>
<head>
<title> qq </title>
<body>
<CENTER>
<TABLE style= "BORDER: #ccc 1px solid; " cellSpacing=0 cellPadding=0 width=750 align=center border=0>
<TBODY>
<TR>
<TD>
<DIV id=demo style= "OVERFLOW: hidden; WIDTH: 100%; COLOR: #ffffff ">
<TABLE cellSpacing=0 cellPadding=0 align=left border=0 cellspace= "0 ">
<TBODY>
<TR>
<TD id=demo1 vAlign=top> <table width= "1710 " height= "116 " border= "0 " cellpadding= "0 " cellspacing= "0 ">
<tr>
<td width= "171 " background= "images/pic_bg.jpg "> <div align= "center "> 1 </div> </td>
<td width= "171 " background= "images/pic_bg.jpg "> <div align= "center ">
<p> 2 </p>
</div> </td>
<td width= "171 " background= "images/pic_bg.jpg "> <div align= "center "> 3 </div> </td>
<td width= "171 " background= "images/pic_bg.jpg "> <div align= "center "> 4 </div> </td>
<td width= "171 " background= "images/pic_bg.jpg "> <div align= "center "> 5 </div> </td>
<td width= "171 " background= "images/pic_bg.jpg "> <div align= "center "> 6 </div> </td>
<td width= "171 " background= "images/pic_bg.jpg "> <div align= "center "> 7 </div> </td>
<td width= "171 " background= "images/pic_bg.jpg "> <div align= "center "> 8 </div> </td>
<td width= "171 " background= "images/pic_bg.jpg "> <div align= "center "> 9 </div> </td>
<td width= "171 " background= "images/pic_bg.jpg "> <div align= "center "> 10 </div> </td>
</tr>
</table> </TD>
<TD id=demo2 vAlign=top> </TD> </TR> </TBODY> </TABLE> </DIV>
<script language=JavaScript src= "scrollpic.js "> </script>
</TD> </TR> </TBODY> </TABLE> </TD> </TR> </TABLE>
</CENTER>
</BODY> </HTML>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
