JavaScript学习第一弹：【图片轮播实现】
首先，看到的是效果图如下所示：
图片中，小图是按钮，大图是轮播的图片。
小图的命名：btn_01,btn_02,btn_03,btn_04。大图的命名：01,02,03,04。
另外每个轮播图的下方有一行文字。
接下来就是给大家说说我做出来的方法，可能代码不简洁，但是因为才学JS也只能做到这种地步了。
**********************************我是华丽的分割线*****************************************************
首先，把左边的大图先给实现出来。
这个需要把四个大图放在一个位置上边（利用相对位置:position），其中一个大图的属性display:block，其余的设置为display:none。
然后，把右边的小图也要实现出来。
这个就是定义一个盒子，然后把几个小图纵着放上去。
这是层次结构面和样式层面的，需要HTML+CSS（大图和小图的大小都是提前剪好的，大家可以根据给出的效果图把这几张图片抠出来）。
下边贴出HTML+css的代码：
无标题文档
忧伤在我心中沉静下来，宛如降临在寂静山林中的一抹夜色 
我就想停泊在海滩上的一艘小船，聆听着晚潮奏鸣
生命是上天赋予的，我们唯有献出生命，才能真正得到她。
今天大地在阳光下向我细语，另一种语言。
接下来，我们要实现的就是 行为层上的变化（JavaScript）。
我们需要的变化：所有的图片会自动的随着时间间隔轮播；点击某个小图，左方会出现相应的大图，然后图片会从这个小图开始继续轮播。
代码如下，内含注释：
在最后，只要把html+css还有javascript代码串联在一起，加上图片就可以看到效果。
（疯了，只能上传图片，不能上传压缩文件）。
我把代码总结在一起吧：
无标题文档
忧伤在我心中沉静下来，宛如降临在寂静山林中的一抹夜色 我就想停泊在海滩上的一艘小船，聆听着晚潮奏鸣生命是上天赋予的，我们唯有献出生命，才能真正得到她。今天大地在阳光下向我细语，另一种语言。
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！