【简单js特效代码大全】
随着互联网的发展，JavaScript已经成为网页开发中不可或缺的一部分，它不仅可以实现网页的交互效果，还可以制作出各种有趣的特效，本文将介绍一些简单的JavaScript特效代码，帮助您快速掌握JavaScript的使用。
一、轮播图
轮播图是一种常见的网页特效，它可以让用户在多个图片之间平滑过渡，下面是一个简单的轮播图代码：
<html>
<head>
<style>
#slider {
width: 600px;
height: 300px;
overflow: hidden;
}
#slider img {
width: 600px;
height: 300px;
display: none;
}
#slider img.active {
display: block;
}
</style>
</head>
<body>
<div id="slider">
<img class="active" src="image1.jpg">
<img src="image2.jpg">
<img src="image3.jpg">
</div>
<script>
var sliderIndex = 0;
var sliderImages = document.querySelectorAll('#slider img');
function nextSlide() {
sliderImages[sliderIndex].classList.remove('active');
sliderIndex = (sliderIndex + 1) % sliderImages.length;
sliderImages[sliderIndex].classList.add('active');
}
setInterval(nextSlide, 3000); // 每3秒切换一次图片
</script>
</body>
</html>二、鼠标悬停放大效果
鼠标悬停放大效果可以让用户在将鼠标悬停在图片上时，图片变大并突出显示，下面是一个简单的鼠标悬停放大效果的代码：
<html>
<head>
<style>
img {
width: 200px;
height: 200px;
transition: transform 0.3s ease-in-out;
}
img:hover {
transform: scale(1.5);
}
</style>
</head>
<body>
<img src="image.jpg">
</body>
</html>
