• 自动播放图片,可以调整速度。


     

    效果图片如上,

    代码很长。如下

    <!--#include file="inc/conn.asp"-->
    <link href="inc/tanxiaofeng.css" rel="stylesheet" type="text/css">

    <%sqlSearch = "Select * From product"
    sqlSearch=sqlSearch & " order by updatetime desc"
    Set rsArticle = Server.CreateObject("ADODB.Recordset")
    rsArticle.open sqlsearch,conn,1,1%>
    <LINK id=commonstyle
    href="js-css/space.css" type=text/css rel=stylesheet><LINK
    id=themestyle href="js-css/css_573590.cache.css" type=text/css
    rel=stylesheet>
    <SCRIPT type=text/javascript>
    var siteUrl = "http://localhost:8080/";//这里填写调试网站地址
    </SCRIPT>

    <SCRIPT language=javascript src="js-css/ajax.js"
    type=text/javascript></SCRIPT>

    <SCRIPT language=javascript src="js-css/common.js"
    type=text/javascript></SCRIPT>

    <META content="MSHTML 6.00.2900.3086" name=GENERATOR></HEAD>
    <BODY>
    <table align="left" width="400" bgcolor="#FF0000"><tr><td>
    <DIV id=wrap>
      <!--//显示头部区域-->
    <DIV class=xspace-layout1 id=content>
    <DIV id=mainarea>

    <DIV id=show>

    <DIV class=xspace-imagebox>
    <SCRIPT type=text/javascript>
    <!--
    var picwidth = 79;  //缩略图宽度
    var picheight = 79;  //缩略图高度
    var shownum = 5;  //显示个数
    var typeset = 0;  //排列方式,0:横排 1:坚排
    var showmode = 0;  //事件模式,0:选择图片 1:打开链接
    var imgid = "xspace-showimg"; //显示大图片的img标签id
    var nowshow = 0;  //当前图片
    var picarray = new Array();
    <%
    i=-1
    do while not rsArticle.eof
    i=i+1
    %>
    picarray[<%=i%>]=new Array(
    "<%=rsArticle("smallpic")%>", "<%=rsArticle("lang")%>", "<%=rsArticle("bigpic")%>","productshow.asp?articleid=<%=rsarticle("articleid")%>","<%=rsArticle("title")%>");
    <%

    rsArticle.movenext

    loop

    %>

    //-->
    </SCRIPT>

    <SCRIPT language=javascript src="js-css/pic.js"
    type=text/javascript></SCRIPT>

    <DIV id=xspace-imgnavbar><A style="FLOAT: right" onclick=pagedown(0)
    href="javascript:;">停止自动播放</A> 自动播放: <A onclick=pagedown(3000)
    href="javascript:;">高速</A> <A onclick=pagedown(5000) href="javascript:;">中速</A>
    <A onclick=pagedown(8000) href="javascript:;">低速</A></DIV>
    <DIV id=xspace-imgshowbox><A href="js-css/573590_200705181052241.jpg"
    target=_blank><IMG id=xspace-showimg alt=""
    src="js-css/573590_200705181052241.jpg"></A></DIV></DIV>


    </DIV></DIV></DIV></DIV>
    </td></tr></table>

    JS CSS文件如下
    原来的下载地址无法使用了,更新了一下,

    http://www.corange.cn/uploadfiles/js-css.rar

  • 相关阅读:
    nRF51800 蓝牙学习 进程记录 2:关于二维数组 执念执战
    nRF51800 蓝牙学习 进程记录 1:感想
    invokeAll和CompletionService
    数据库连接
    数据库索引
    JVM学习笔记——java内存模型
    JVM学习笔记——自动内存管理
    JAVA学习笔记——BlockingQueue接口
    JAVA学习笔记—— Executor接口
    JAVA学习笔记——并发(二)
  • 原文地址:https://www.cnblogs.com/zerogo/p/2209362.html
Copyright © 2020-2023  润新知