zoukankan      html  css  js  c++  java
  • [置顶] 用JAVAscript 在单位时间内改变图片

    用JAVAscript改变图片的思想是 :
    一:建立一个数组,里面存放了所有图片,
    二:建立一个函数,函数里定义了改变图片路径的语句。
    三:让函数在隔单位时间后执行一次;
    第二种思想就是用Ajax技术来在后台改变图片背景,具体用法是在页面中放一panel面板,再拖放一个计时器和一个ScriptManeger控件;再后台让计时器在单位时间内改变图片路径,注意在定义一个整形变量时候要定义成静态的(static)因为如果不定义成静态的话,导致变量在执行一次后又变为原来的值,就达不到切换图片的效果了。在这里就不贴代码了


    <script language =javascript >
    var curIndex=0;
    //时间间隔(单位毫秒),每秒钟显示一张,数组共有5张图片放在Photos文件夹下。
    var timeInterval=1000;
    var arr=new Array();
    arr[0]="photos/1.jpg";
    arr[1]="photos/2.jpg";
    arr[2]="photos/3.jpg";
    arr[3]="photos/4.jpg";
    arr[4]="photos/5.jpg";
    setInterval(changeImg,timeInterval); 
    function changeImg()
    {
        var obj=document.getElementById("obj");
        if (curIndex==arr.length-1) 
        {
            curIndex=0;
        }
        else
        {
            curIndex+=1;
        }
        obj.src=arr[curIndex];
    }
    </script>
    <img id=obj src ="photos/1.jpg" width=200 height=150 border =0>

  • 相关阅读:
    C# WinForm开发系列
    C# Tcp协议收发数据(TCPClient发,Socket收)
    Tcpclient简单聊天程序
    大白话系列之C#委托与事件讲解大结局
    大白话系列之C#委托与事件讲解(三)
    poj3009
    poj 3083
    poj 2488
    POJ 3320
    poj 3061
  • 原文地址:https://www.cnblogs.com/wsq724439564/p/3258220.html
Copyright © 2011-2022 走看看