js实现图片轮番效果，原生代码

最新推荐文章于 2022-07-28 10:48:46 发布

笨-大叔

最新推荐文章于 2022-07-28 10:48:46 发布

阅读量2.6k

点赞数 1

分类专栏： JS 文章标签： js 图片轮番原生 web前端开发脚本

本文链接：https://blog.csdn.net/u014703834/article/details/36899375

版权

本文介绍了如何使用JavaScript实现简单的图片轮播效果。通过设置定时器自动切换图片，并在鼠标悬停时暂停轮播，展示了基础的前端脚本编写技巧。作者分享了遇到的问题，即使用setTimeout导致轮播速度过快，并提供了源码下载链接。

摘要由CSDN通过智能技术生成

我们在浏览网页的时候，会经常看到网页上有图片轮番效果，虽然网上有很多优秀的特效代码，但是作为菜鸟的我，依旧决定写一个自己的照片轮番，只为给自己增加一点点安全感。

分析下，思想很简单。图片轮番：（需要用到的方法）

1：隔一段时间自动循环展示图片。||{setInterval(),}

2：当鼠标进入到图层区域时，图片停止轮番。||{clearInterval(),}

3：当鼠标移动到信息栏目时出现相对于的图片||}

这是一个菜鸟的代码，希望您能对我的代码提出宝贵意见！！

其中遇到的问题：为什么使用setTimeOut()会出现图片轮番时速度很快？

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>SteTimeout</title>
		<met