仅用css+HTML实现图片切换效果

最新推荐文章于 2025-04-28 16:38:57 发布

zjut_acm

最新推荐文章于 2025-04-28 16:38:57 发布

阅读量4.9w

点赞数 20

分类专栏： CSS 文章标签： css3

本文链接：https://blog.csdn.net/zjut_acm/article/details/44945551

版权

备注：最好在firefox或chrome运行，在IE效果没出现 -。-

效果图：

-----images.html-----

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>How to Create An Image Slider With Pure CSS3</title>
<link href="images.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <h1>CSS3 Image Slider</h1>
    <div id="images">
        <img id="image1" src="./images/1.jpg" /