Web上很多页面都有提供javascript幻灯效果的代码库,我们可以免费直接使用很多优秀的代码库。今天我开始学习用JavaScript实现幻灯效果,新手一步一步开始学起。
在创建一个幻灯效果的时候,页面的访客是我们需要首要考虑的因素。其中包括访问者的带宽、浏览器的类型、在下载大图片的时候是否需要漫长的下载时间。导航是第二个重要因素,访客是手动进行控制幻灯还是页面加载完成后自动播放,退出时自动停止播放还是自动循环固定次数后停止?我们可能还会想创建控制按钮,像开始、结束、暂停、前进、后退、加速播放、减速播放等。还会想在图片上创建超链接和可单击的图片,每帧图片都连接到不同的URL。甚至会想随机地显示图片或者按照某种顺序来显示。(摘自JavaScript详解)
下面就介绍一种我今天刚刚学习的最简单的带有按钮的幻灯展示。
<div style="text-align: