当前位置: 首页 > 编程笔记 >

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

白宏大
2023-03-14
本文向大家介绍JavaScript实现背景自动切换小案例,包括了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实现点击图片换背景,包括了JavaScript实现点击图片换背景的使用技巧和注意事项,需要的朋友参考一下 JS制作网页–点击图片换背景,供大家参考,具体内容如下 网页中有四个图片,点击不同的图片,更换相对应的背景。 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍js实现点击切换checkbox背景图片的简单实例,包括了js实现点击切换checkbox背景图片的简单实例的使用技巧和注意事项,需要的朋友参考一下 在制作网页的过程中,经常需要实现点击切换背景图片的效果,本文关注的是表单中checkbox背景图片切换的实现。如图,在输入用户名和密码后,用户需要选择是否记住密码 图片背景为白色表示未勾选状态 ,背景为蓝色表示勾选状态 。 HTML源码

  • 引用脚本的内容: ; NSIS 中自动替换背景图片的例子 ; 需要新版的 nsWindows 插件与头文件 ; 脚本编写: ; X-Star @ ; zhfi @ !addincludedir .\include !addplugindir .\plugins ;替换图片的时间间隔(ms) !define TimeForChange 3000 ;图片数量范围 !define MinBg

  • 本文向大家介绍pyqt5实现按钮添加背景图片以及背景图片的切换方法,包括了pyqt5实现按钮添加背景图片以及背景图片的切换方法的使用技巧和注意事项,需要的朋友参考一下 简介 对与控件QPushButton中的可以使用setStyleSheet设置它背景图片。具体设置背景图片的方法有两种 然而对于这种方法背景图片无法进行边框的自适应,可以使用下面的方法 可以做到自适应边框。 代码 代码里面有两个图片

  • 本文向大家介绍javascript背景时钟实现方法,包括了javascript背景时钟实现方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了javascript背景时钟实现方法。分享给大家供大家参考。具体如下: 以下是这个效果的全部代码。[最好从一个空页面开始] 说明:时钟显示的位置需要你修正TOP,LEFT参数来确定。TOP表示层距离显示器顶部的象素值,LEFT表示距离左侧的象素值。