博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS对img进行操作
阅读量:5821 次
发布时间:2019-06-18

本文共 890 字,大约阅读时间需要 2 分钟。

   <script type="text/javascript">

        var i = 1; var n;
        function showImg() {

            if (document.getElementById('img').getAttribute("src") == "images/1.jpg") {

                document.getElementById('img').setAttribute("src","images/2.jpg");
            }
            else {
                 document.getElementById('img').setAttribute("src","images/1.jpg");
            }
        }

        function showImg1() {

            document.getElementById('img').setAttribute("src", "images/" + i + ".jpg"); i++;
            if (i > 10)
            {
                i = 1;
            }
        }

        function show() {
          n=setInterval(showImg1, 500);
        }

        function show1() {

            clearInterval(n);
        }
    </script>

</head>

<body>
    <img id="img" alt="" src="images/1.jpg" width="200" height="200" />
    <input id="Button1" type="button" value="换图片" οnclick="showImg()" />
    <input id="Button2" type="button" value="切图" οnclick="showImg1()" />
    <input id="Button3" type="button" value="轮换" οnclick="show()" />
        <input id="Button4" type="button" value="停止轮换" οnclick="show1()" />

</body>

</html>

 

转载地址:http://nsbdx.baihongyu.com/

你可能感兴趣的文章
Android自学--一篇文章基本掌握所有的常用View组件
查看>>
灰度图像和彩色图像
查看>>
通过vb.net 和NPOI实现对excel的读操作
查看>>
TCP segmentation offload
查看>>
java数据类型
查看>>
数据结构——串的朴素模式和KMP匹配算法
查看>>
FreeMarker-Built-ins for strings
查看>>
验证DataGridView控件的数据输入
查看>>
POJ1033
查看>>
argparse - 命令行选项与参数解析(转)
查看>>
一维数组
查看>>
Linux学习笔记之三
查看>>
修改上一篇文章的node.js代码,支持默认页及支持中文
查看>>
Php实现版本比较接口
查看>>
删除设备和驱动器中软件图标
查看>>
第四章 TCP粘包/拆包问题的解决之道---4.1---
查看>>
html语言
查看>>
从源码看集合ArrayList
查看>>
spring-boot支持websocket
查看>>
菜鸟笔记(一) - Java常见的乱码问题
查看>>