简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > js教程 > 正文

js自动切换图片

高洛峰
发布： 2016-10-11 16:11:39
原创
914 人浏览过

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title> new document </title>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  <meta name="author" content="" />
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <link rel="stylesheet" type="text/css" href="" />
  <style type="text/css"></style>
  <script type="text/javascript">
    window.onload=init;
    var n=1; //图片标记数
    var dingshi; //让图片动的定时器
    function init(){
        dingshi=window.setInterval("tupian()",1000);
    }
    //更换图片
    function tupian(){
        var obj=document.getElementById("img1");
        n++;
        if(n>=4){
            n=1;
        }
        obj.src="yaj_"+n+".jpg";
    }
    //鼠标放上图片停止
    function stoptupian(){
        window.clearInterval(dingshi);
    }
    //鼠标离开图片动起来
    function dongqilai(){
        dingshi=window.setInterval("tupian()",1000);
    }
  </script>
 </head>
 <body>
  <img  src="yaj_1.jpg" onmouseover="stoptupian()"  onmouseout="dongqilai()" id="img1" alt="js自动切换图片" > 
 </body>
</html>
登录后复制


相关标签：
js自动切换图片
来源：php.cn
上一篇：彻底理解Javascript 中的 Promise 下一篇：JavaScript强化教程——Bootstrap
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
状态更新在 Android 上的 React-Native 中不起作用 我有一些代码，其中有成对的图像，它们都在可滑动的水平图库中。现在，当您单击两个图像的上部时，图像应该关闭切换，所以我所做的是，我将isImage2Active设置为状态，然后只需切...
来自于 2024-04-06 16:54:10
0
1
410
显示隐藏的侧面板：选中 我希望在侧面板中有一个导航菜单，可以通过动画汉堡菜单切换到视图。我想仅使用CSS创建它，而不使用任何JS。:checked伪类似乎是可行的方法，但我无法让它工作。到目前为止我拥有的...
来自于 2024-04-06 15:49:33
0
1
319
滚动事件侦听器添加到元素，但只有当scrollTop不等于0时才能正确移动 所以我编写了这个小脚本，其中有两个列表-已完成/活动任务，您可以通过点击按钮切换任务列表，也可以通过点击“更多信息”阅读有关任务的更多信息。当点击更多信息时，创建了一个新的div元...
来自于 2024-04-01 11:03:26
0
1
326
Array JS 中的 52 个图像 我正在学习IT助理1年，目前我们必须使用JavaScriptHTML和CSS编写纸牌游戏。我的问题是：如何在JS中将52张卡片放入一个数组中，仅提供放置这些卡片的所有图像的文件夹的...
来自于 2024-03-30 21:14:49
0
1
272
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！