JavaScript实现背景自动切换小案例


Posted in Javascript onSeptember 27, 2019

本文实例为大家分享了js实现背景自动切换的具体代码,供大家参考,具体内容如下

JavaScript实现背景自动切换小案例

功能:

窗口打开背景图自动跳转切换

所有代码:

<!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 相关文章推荐
JavaScript 在各个浏览器中执行的耐性
Apr 06 Javascript
jQuery 表单验证扩展代码(一)
Oct 11 Javascript
javascript 数字格式化输出的实现代码
Dec 10 Javascript
js实现点击添加一个input节点
Dec 05 Javascript
js实现div模拟模态对话框展现URL内容
May 27 Javascript
jquery html5 视频播放控制代码
Nov 06 Javascript
vue 2.x 中axios 封装的get 和post方法
Feb 28 Javascript
JQuery Ajax执行跨域请求数据的解决方案
Dec 10 jQuery
教你如何用Node实现API的转发(某音乐)
Sep 20 Javascript
微信小程序(订阅消息)功能
Oct 25 Javascript
vue+webpack dev本地调试全局样式引用失效的解决方案
Nov 12 Javascript
vue中组件通信详解(父子组件, 爷孙组件, 兄弟组件)
Jul 27 Javascript
vue监听用户输入和点击功能
Sep 27 #Javascript
vue实现文字加密功能
Sep 27 #Javascript
微信小程序 动态修改页面数据及参数传递过程详解
Sep 27 #Javascript
vue实现购物车小案例
Sep 27 #Javascript
解决layui中onchange失效以及form动态渲染失效的问题
Sep 27 #Javascript
layui 地区三级联动 form select 渲染的实例
Sep 27 #Javascript
vue实现移动端省市区选择
Sep 27 #Javascript
You might like
一个域名查询的程序
2006/10/09 PHP
PHP生成HTML静态页面实例代码
2008/08/31 PHP
PHP自定义函数收代码
2010/08/01 PHP
基于php缓存的详解
2013/05/15 PHP
ThinkPHP3.1新特性之G方法的使用
2014/06/19 PHP
php中socket的用法详解
2014/10/24 PHP
php中使用Ajax时出现Error(c00ce56e)的详细解决方案
2014/11/03 PHP
PHP编程实现计算抽奖概率算法完整实例
2017/08/09 PHP
ImageFlow可鼠标控制图片滚动
2008/01/30 Javascript
Js base64 加密解密介绍
2013/10/11 Javascript
JavaScript简单修改窗口大小的方法
2015/08/03 Javascript
简单的JS时钟实例讲解
2016/01/13 Javascript
BootStrap组件之进度条的基本用法
2017/01/19 Javascript
ng2学习笔记之bootstrap中的component使用教程
2017/03/09 Javascript
Underscore之Array_动力节点Java学院整理
2017/07/10 Javascript
JavaScript实现简单动态进度条效果
2018/04/06 Javascript
Vue 动态组件与 v-once 指令的实现
2019/02/12 Javascript
vue如何使用外部特殊字体的操作
2020/07/30 Javascript
[04:19]完美世界携手游戏风云打造 卡尔工作室模型介绍篇
2013/04/24 DOTA
python实现文本文件合并
2015/12/29 Python
Python常见格式化字符串方法小结【百分号与format方法】
2016/09/18 Python
python正则分析nginx的访问日志
2017/01/17 Python
解决pandas 作图无法显示中文的问题
2018/05/24 Python
Flask框架各种常见装饰器示例
2018/07/17 Python
selenium+python实现自动化登录的方法
2018/09/04 Python
Python 实现大整数乘法算法的示例代码
2019/09/17 Python
pycharm远程连接服务器并配置python interpreter的方法
2020/12/23 Python
孕妇装中的著名品牌:Isabella Oliver(伊莎贝拉·奥利弗)
2016/10/31 全球购物
Soft Cotton捷克:来自爱琴海棉花的浴袍
2017/02/01 全球购物
北京振戎融通Java面试题
2015/09/03 面试题
农村结婚典礼主持词
2015/06/29 职场文书
女儿满月酒致辞
2015/07/29 职场文书
自书遗嘱范文
2015/08/07 职场文书
Python 居然可以在 Excel 中画画你知道吗
2022/02/15 Python
尝试使用Python爬取城市租房信息
2022/04/12 Python
Oracle中DBLink的详细介绍
2022/04/29 Oracle