请问各位有js控制图片左右滚动的代码吗?
请问各位有js控制图片左右滚动的代码吗?
就是有个箭头在图片列表的左右两边,鼠标一移动上去图片上面就向左或者右移动,就是hover 鼠标滑过事件.
等着救命啊,急
[解决办法]
文件名：index.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="Copyright" content="韩剧资料馆 http://lanren.makewing.com/" />
<meta name="description" content="学会偷懒，并懒出境界是提高工作效率最有效的方法！" />
<meta content="韩剧资料馆" name="keywords" />
<title>韩剧资料馆</title>
<style type="text/css">
td {font-size: 12px;}
</style>
</head>
<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>
--------------------------------------------------------
js文件明：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)}
-----------------------------------------------------
自己去试。不能滚动。你打我。。。。
[解决办法]
是不是这个例子？www.blueku.com/hire/
[解决办法]
<div id=demo style=overflow:hidden;height:35;width:600; >
<table align=left cellpadding=0 cellspace=0 border=0>
<tr>
<td id=demo1 valign=top>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="st12">
<tr>
<%
set rdsClass = Server.Createobject("ADODB.Recordset")
sqlClass = "select * from dat_link Order By ListNum"
rdsClass.open sqlClass,conn,1,1
if not rdsClass.EoF then
do While not rdsClass.EoF
%>
<td >
<div align="center">
<table width="100" border="0" cellpadding="0" cellspacing="0" class="st12">
<tr>
<td height="21" bgcolor="#ffffff">
<div align="center"><font color="#FFFFFF"><a href="<% = rdsClass("LTopic")%>" target="_blank" class="link" title="<% = rdsClass("Topic")%>" ><img src="<% = rdsClass("PhotoName")%>" width=122 height=59 border=0 /></a></font></div></td>
</tr>
</table>
</div></td>
<%
rdsClass.MoveNext
loop
else
Response.Write Norecord
end if
rdsClass.Close
set rdsClass = Nothing
%>
</tr>
</table>
</td>
<td id=demo2 valign=top></td>
</tr>
</table>
</div>
<script>
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>
