ASP如何与javascript结合,实现图片循环滚动功能
<%
set rs=server.create("adodb.recordset")
sql="SELECT top 5 PhotoID,PhotoUrl FROM Photo,PhotoClass where Photo.ClassID=PhotoClass.ClassID and PhotoClass.ClassName='荣誉嘉奖' order by PhotoID Desc"
rs.open sql,conn,1,1
if not rs.eof then%>
<script type="text/javascript">
document.write('<table align=center width=774 border=0 cellpadding=0 cellspacing=0 style=BORDER-LEFT: #cccccc 1px solid;BORDER-RIGHT: #cccccc 1px solid>');
document.write(' <tr> ');
document.write(' <td width=774 height=120 align=center class=border01 bgcolor=#FFFFFF>');
document.write(' <div id=demo style=overflow:hidden;width:750;align=center>');
document.write(' <table border=0 align=center cellpadding=1 cellspacing=1 cellspace=0 >');
document.write(' <tr>');
document.write(' <td valign=top bgcolor=ffffff id=marquePic1> ');
document.write(' <table width=90% border=0 cellspacing=0 cellpadding=0>');
document.write(' <tr align=center> ');
document.write(' <td><a href="showview.asp?PhotoID=<%=rs("PhotoID")%>" target="new"><img src='<%rs("PhotoUrl")%>' width=150 height=100 hspace=2 border=0></a></td>');
document.write(' </tr>');
document.write(' </table>');
document.write(' </td>');
document.write(' <td id=marquePic2 valign=top></td>');
document.write(' </tr>');
document.write(' </table>');
document.write(' </div>');
document.write(' </td>');
document.write(' </tr>');
document.write(' </table>');
var speed=30
marquePic2.innerHTML=marquePic1.innerHTML
function Marquee(){
if(demo.scrollLeft>=marquePic1.scrollWidth){
demo.scrollLeft=0
}else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
<%
rs.movenext
loop
end if
rs.close
set rs=nothing
%>
这个代码有问题,请问应该怎么写,试了好几次都不行
set rs=server.create("adodb.recordset")
sql="SELECT top 5 PhotoID,PhotoUrl FROM Photo,PhotoClass where Photo.ClassID=PhotoClass.ClassID and PhotoClass.ClassName='荣誉嘉奖' order by PhotoID Desc"
rs.open sql,conn,1,1
if not rs.eof then%>
<script type="text/javascript">
document.write('<table align=center width=774 border=0 cellpadding=0 cellspacing=0 style=BORDER-LEFT: #cccccc 1px solid;BORDER-RIGHT: #cccccc 1px solid>');
document.write(' <tr> ');
document.write(' <td width=774 height=120 align=center class=border01 bgcolor=#FFFFFF>');
document.write(' <div id=demo style=overflow:hidden;width:750;align=center>');
document.write(' <table border=0 align=center cellpadding=1 cellspacing=1 cellspace=0 >');
document.write(' <tr>');
document.write(' <td valign=top bgcolor=ffffff id=marquePic1> ');
document.write(' <table width=90% border=0 cellspacing=0 cellpadding=0>');
document.write(' <tr align=center> ');
document.write(' <td><a href="showview.asp?PhotoID=<%=rs("PhotoID")%>" target="new"><img src='<%rs("PhotoUrl")%>' width=150 height=100 hspace=2 border=0></a></td>');
document.write(' </tr>');
document.write(' </table>');
document.write(' </td>');
document.write(' <td id=marquePic2 valign=top></td>');
document.write(' </tr>');
document.write(' </table>');
document.write(' </div>');
document.write(' </td>');
document.write(' </tr>');
document.write(' </table>');
var speed=30
marquePic2.innerHTML=marquePic1.innerHTML
function Marquee(){
if(demo.scrollLeft>=marquePic1.scrollWidth){
demo.scrollLeft=0
}else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
<%
rs.movenext
loop
end if
rs.close
set rs=nothing
%>
这个代码有问题,请问应该怎么写,试了好几次都不行
...全文
相关推荐
真正ASP+ACCESS+JS的动态无缝跑马灯可用代码与详细介绍
真正ASP+ACCESS+JS的动态无缝跑马灯可用代码与详细介绍.文档为DOC。可以直接复制到ASP网页里使用
创建ASP.NET滚动公告栏(航显屏)实战指南
标签是一个非常直观的用于创建滚动文本或图片的标签。尽管它不是W3C标准的一部分,但被大多数浏览器所支持。其基本使用非常简单,你只需要在标签内放入你希望滚动显示的内容即可。例如:<marquee>欢迎来到我的网站!
精美并实用的4图轮显广告代码(flash+js)
精美并实用的4图轮显广告代码(flash+js) 精美并实用的4图轮显广告代码(flash+js)
图片循环显示(幻灯片效果)
在页面循环显示图片,幻灯片效果 使用JS与C#接合,循环显示C#中数组的图片
C# ASP.NET jQuery - jCarousel控件图片动态浏览
说明: 使用jQuery中的“jCarousel”控件实现图片动态浏览功能 ^_^


