JavaScript实现背景自动切换小案例
更新时间：2019年09月27日 14:06:57 作者：小羽向前跑
这篇文章主要为大家详细介绍了JavaScript实现背景自动切换小案例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了js实现背景自动切换的具体代码，供大家参考，具体内容如下
功能：
窗口打开背景图自动跳转切换
所有代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>背景切换</title>
</head>
<body>
<img src="img/1.jpg" width="500" id="imgId"/>
</body>
</html>
<script type="text/javascript">
window.onload = function () {
setInterval(step, 1000);
}
var num = 1;
function step() {
if (num < 5) {
num++;
} else {
num = 1;
}
var dom = document.getElementById("imgId");
//更改它images的src属性
dom.src = 'img/' + num + '.jpg';
}
</script>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了JavaScript实现简单打地鼠游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
本篇文章主要介绍了JavaScript自定义文本框光标的方法实例，具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
这篇文章主要介绍了如何消除inline-block属性带来的标签间间隙的相关资料,需要的朋友可以参考下2016-03-03
命令模式（Command）的定义是：用来对方法调用进行参数化处理和传送，经过这样处理过的方法调用可以在任何需要的时候执行。接下来通过本文给大家介绍JavaScript设计模式经典之命令模式，需要的朋友参考下2016-02-02
在以前，总是以为使用用户代理字符串检测浏览器是那种类型就行了，这样确实大错特错啊，下面就来说说如何通过js判断出当前浏览者使用的的设备类型呢2015-12-12
JavaScript事件代理（委托）一般用于以下情况：1. 事件注册在祖先级元素上，代理其子级元素。可以减少事件注册数量，节约内存开销，提高性能。2. 对js动态添加的子元素可自动绑定事件。本文主要介绍用原生 js 实现该功能。下面跟着小编一起来看下吧2016-12-12
这篇文章主要为大家详细介绍了微信小程序页面上下滚动效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-07-07
理解JavaScript中的适配器模式Adapter Pattern
这篇文章主要介绍了理解JavaScript中的适配器模式,适配器模式即Adapter Pattern，是作为两个不兼容的接口之间的桥梁。这种类型的设计模式属于结构型模式，下文更多相关介绍需要的小伙伴可以参考一下2022-04-04
关于JS弹出层的显示与隐藏，在网上可以搜到很多的类似教程，本文实现了一下，喜欢的朋友不要错过2013-12-12
关于js 和javascript的技巧文章已经不少了，但是这篇文章则更加详细全面，文章先是介绍了使用技巧，而后详细解释了js运算符单竖杠“|”的用法和作用及js数据处理。2016-07-07
最新评论