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 相关文章推荐
YUI的Tab切换实现代码
Apr 11 Javascript
javascript 拖动表格行实现代码
May 05 Javascript
imgAreaSelect 中文文档帮助说明
Oct 08 Javascript
Javascript查询DBpedia小应用实例学习
Mar 07 Javascript
控制input输入框中提示信息的显示和隐藏的方法
Feb 12 Javascript
JS控制输入框内字符串长度
May 21 Javascript
原生js封装二级城市下拉列表的实现代码
Jun 16 Javascript
js基础之DOM中document对象的常用属性方法详解
Oct 28 Javascript
Vue-Router实现页面正在加载特效方法示例
Feb 12 Javascript
JS实现课堂随机点名和顺序点名
Mar 09 Javascript
jQuery实现的卷帘门滑入滑出效果【案例】
Feb 18 jQuery
react 生命周期实例分析
May 18 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
超小PHP小马小结(方便查找后门的朋友)
2012/05/05 PHP
详谈PHP中的密码安全性Password Hashing
2017/02/04 PHP
PHP实现浏览器中直接输出图片的方法示例
2018/03/14 PHP
自己的js工具_Form 封装
2009/08/21 Javascript
JavaScript toFixed() 方法
2010/04/15 Javascript
Javascript匿名函数的一种应用 代码封装
2010/06/27 Javascript
jquery(hide方法)隐藏指定元素实例
2013/11/11 Javascript
jQuery对html元素取值与赋值的方法
2013/11/20 Javascript
javascript中AJAX用法实例分析
2015/01/30 Javascript
原生js制作简单的数字键盘
2015/04/24 Javascript
jQuery+Ajax实现无刷新操作
2016/01/04 Javascript
浅谈layer的iframe弹窗给里面的标签赋值的问题
2016/11/10 Javascript
jquery dataTable 获取某行数据
2017/05/05 jQuery
使用JavaScript中的lodash编写双色球效果
2018/06/24 Javascript
vue监听input标签的value值方法
2018/08/27 Javascript
Vue商品控件与购物车联动效果的实例代码
2019/07/21 Javascript
koa2 从入门到精通(小结)
2019/07/23 Javascript
微信小程序引入VANT组件的方法步骤
2019/09/19 Javascript
Python中解析JSON并同时进行自定义编码处理实例
2015/02/08 Python
python监控linux内存并写入mongodb(推荐)
2017/09/11 Python
Python实现网站表单提交和模板
2019/01/15 Python
python实现QQ空间自动点赞功能
2019/04/09 Python
Python数据持久化存储实现方法分析
2019/12/21 Python
python如何处理程序无法打开
2020/06/16 Python
Python接收手机短信的代码整理
2020/08/02 Python
pycharm远程连接服务器并配置python interpreter的方法
2020/12/23 Python
css 元素选择器的简单实例
2016/05/23 HTML / CSS
高级运动鞋:GREATS
2019/07/19 全球购物
公司人力资源的自我评价
2014/01/02 职场文书
土木工程专业推荐信
2014/02/19 职场文书
教师求职自荐信
2014/03/09 职场文书
关于中国梦的演讲稿
2014/04/23 职场文书
工厂车间标语
2014/06/19 职场文书
财务整改报告范文
2014/11/05 职场文书
导游词400字
2015/02/13 职场文书
详解CSS故障艺术
2021/05/25 HTML / CSS