zoukankan      html  css  js  c++  java
  • 自动播放图片,可以调整速度。

     

    效果图片如上,

    代码很长。如下

    <!--#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

  • 相关阅读:
    [SQL Server] 数据库日志文件自动增长导致连接超时的分析
    Visual Studio 2003/Visual Studio 2005常用快捷键(快捷方式)
    設置RichTextBox控件中選中的部分的文字突顯
    電功率單位
    一名25岁的董事长给大学生的18条忠告
    計算機端口
    學習使用Directionary與Hastable
    VS .NET如何切換環境
    VS .NET(C#)如何動態創建控件
    VS .NET(C#)測試程序記錄時間方法
  • 原文地址:https://www.cnblogs.com/zerogo/p/2209362.html
Copyright © 2011-2022 走看看