zoukankan      html  css  js  c++  java
  • JavaScript 最简单的图片切换

    使用前在文件外部要有1.jpg 2.jpg 

    只是简单的模仿flash图片切换,可在此基础上引申出各种不同的效果。

    思路:

        建立一个数组存放图片的src,然后调用setInterval周期性的调用changeImg()方法,在changeImg()方法中每次改变其图片src。

     1 <head>
     2 <meta content="text/html;charset:utf-8";>
     3 <script language="JavaScript">
     4 var curIndex=0; 
     5 //时间间隔 单位毫秒 
     6 var timeInterval=1000; 
     7 var arr=new Array(); 
     8 arr[0]="1.jpg"; 
     9 arr[1]="2.jpg"; 
    10 setInterval(changeImg,timeInterval); 
    11 function changeImg() 
    12 { 
    13     var obj=document.getElementById("showpic"); 
    14     if (curIndex==arr.length-1) 
    15         curIndex=0; 
    16     else 
    17         curIndex+=1; 
    18     obj.src=""+arr[curIndex]; 
    19 } 
    20 </script>
    21 
    22 </head>
    23 <body>
    24 <img src="1.jpg" width="427" height="219" id="showpic" />
    25 </body>
  • 相关阅读:
    Java SE
    Java SE
    Java SE
    Java SE
    Vocabulary: dockyard
    Vocabulary: Intercept
    Java SE
    MVG
    相关学习
    相机开发
  • 原文地址:https://www.cnblogs.com/A--Q/p/6223399.html
Copyright © 2011-2022 走看看