读书人

有段图片旋转代码在火狐和IE下正常

发布时间: 2012-03-16 16:34:56 作者: rapoo

有段图片旋转代码,在火狐和IE下正常,chrome内核浏览器错位,求指点
代码如下:
<tr>
<td align="left">

<MARQUEE onmouseover=this.stop() onmouseout=this.start()
scrollAmount=3 scrollDelay=100 behavior=alternate
width="100%" height="100%" align="dle">
<TABLE height=150 width=553 cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<%
sql="select top 10 ID,Name,Image from [product] order by Product_ID desc"
set rs=server.CreateObject("adodb.recordset")
rs.open sql,conn,1,1
if rs.eof and rs.bof then
response.Write "<p>没有相关记录</p>"
else
do while not rs.eof
%>
<TD width="160" height=150 align="center" vAlign=top><TABLE height=138 cellSpacing=0 cellPadding=0
width=160 border=0>
<TBODY>
<TR>
<TD height=123 align="center" vAlign=middle><TABLE height=102 cellSpacing=1 cellPadding=0
width=134 bgColor=#d2d2d2 border=0>
<TBODY>
<TR>
<TD vAlign=center align=center
bgColor=#ffffff height=50><A href='product_detail.asp?id=<%=rs("ID")%>'><img
height=100
src="yxh/<%=rs("image")%>"
width=130 align=middle border=0></A></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
<TR>
<TD vAlign=center align=center
height=15><A href='product_detail.asp?id=<%=rs("ID")%>'><%=rs("name")%></A></TD>
</TR>
</TBODY>
</TABLE></TD>
<%
rs.movenext
loop
end if
rs.close
set rs=nothing
%>
</TR>
</TBODY>
</TABLE>
</MARQUEE></td>
</tr>


在IE和火狐下可实现图片的滚动,chrome不行,直接把所有的图片都列出来了,有什么办法能解决,请高手指点下,如果有别的办法能实现这个功能也行的!

[解决办法]
你这是滚动效果
http://www.popub.net/script/MSClass.html

这个里面主流浏览器都支持
[解决办法]

探讨

引用:

http://w3help.org/zh-cn/causes/BW5008

感谢,测试以后确实发现是MARQUEE 元素的behavior="alternate"问题
加了DIV以后可以解决,不过这样的话又出现新问题了。。。
页面打开以后,要滚动的图片是隐藏在图片框右边的,然后慢慢移动进来。

   ……

读书人网 >ASP

热点推荐