1、制作幻灯片显示(参考html实验8的第4题)
功能说明:
(1) 用setTimeout制作幻灯片动画。装载网页后自动播放幻灯片。具体见slider.mp4
(2) 当mouseover图片时,显示左右箭头,并停止动画。当mouseout画面时,隐藏左右箭头,重新启动动画。
(3) 每次点击左箭头将移动一副图像。
(4) 右下角的三个点每个点对应一幅图像,当前图像的变化时所对应的点也会变化。点击它们时会显示对应的图像。
编程参考:
(1) 图片采用三个img,并用div包含,样式white-space要加上nowrap。
(2) 外层再用一个div,设置宽度为一个图片的宽度,并设置overflow为hidden。
(3) 上面的两个div