利用JS进行图片的切换

原创 2013年12月03日 11:05:19

在网页制作的时候,需要利用JS进行特效展示图片,下面是利用JS简单制作的图片的切换。

<html>

<head>

<script type="JavaScript">

  var srr = new Array('图片一', '图片二', '图片三', '图片四');//利用JS中内置的数组,进行数据的存储
        var s = 0;
        function chage() {
            var img = document.getElementById('img1');
            if (s <srr.length-1 ) {
                s++;
            }
            else {
                s = 0;
            }
            img.setAttribute('src', srr[s]);
        }
        function diaoyong() {
            setInterval(chage, 1000);
         }

</script>

</head>

<body onLoad="diaoyong();">

</body>

</html>

相关文章推荐

图片的相互切换 利用JS XML

  • 2009年03月11日 18:43
  • 60KB
  • 下载

WebView加载完网页之后利用js进行网页刷新,解决webview显示图片适应所有的机型

WebView加载完网页之后利用js进行网页刷新,解决webview显示图片适应所有的机型...

js图片切换效果

  • 2013年05月27日 16:58
  • 534KB
  • 下载

android 视频和图片切换并进行自动轮播

刚入android没多久,遇到的比较郁闷的问题就是子线程主线程的问题,更改UI界面,本想做一个图片的轮播但是比较简单,然后就试试实现视频跟图片切换播放进行不停的循环播放。也用过不少控件,但是知其然不知...

js图片切换

  • 2013年08月08日 19:30
  • 6KB
  • 下载

js图片切换

  • 2013年07月20日 12:59
  • 8KB
  • 下载

js的自定义属性及多一排图片的点击切换效果的实现

js的自定义属性 自定义属性:js可以为任意的HTML元素添加任意个自定义的属性(可进行读和写的操作) 自定义属性的设置方法: HTML属性值.自定义变量 = 赋值; window.onloa...

js图片切换代码

  • 2013年11月13日 17:00
  • 8KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:利用JS进行图片的切换
举报原因:
原因补充:

(最多只允许输入30个字)