Web前端学习——JS基础二之图片切换

最新推荐文章于 2024-06-06 20:04:13 发布

Elson_tju

最新推荐文章于 2024-06-06 20:04:13 发布

阅读量4.4k

点赞数 3

文章标签： javascript web前端 CSS+HTML

本文链接：https://blog.csdn.net/Elson_tju/article/details/46954669

版权

学习的话更多的是通过视频学习获取知识点，做相应的练习来提升自己~~

题目：编写一个图片切换，类似于百度图片点击一个之后的界面

功能：可点击进入下一张图片，可点击进入上一张图片

DEMO：

实现代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
#content{
	width:400px;
	height:400px;
	border:10px solid #ccc;
	margin:40px auto 0 auto;
	position:relative;
	background:#f1f1f1;
}
#conte

最低0.47元/天解锁文章

Elson_tju

关注

3
点赞
踩
13

收藏

觉得还不错? 一键收藏
0
评论
Web前端学习——JS基础二之图片切换

学习的话更多的是通过视频学习获取知识点，做相应的练习来提升自己~~题目：编写一个图片切换，类似于百度图片点击一个之后的界面功能：可点击进入下一张图片，可点击进入上一张图片DEMO：实现代码如下：无标题文档#content{ width:400px; height:400px; border:10px solid #ccc; margi
复制链接

扫一扫