周芷仪，陈 婷



浅谈网页中实现图片轮播图效果的方法

周芷仪，陈 婷

（昆明理工大学机电工程学院，云南 昆明 650504）

在互联网迅速发展的时代，对于web页面的效果要求也有增无减。轮播图因其在有限的网页空间中能尽可能多的展示信息而被广泛使用，使得网页更具有观赏性和可读价值，也使得用户体验得以提升。web端的各大网站以及基于B/S模式的浏览器窗口的前端实现都少不了HTML、CSS以及JavaScript这三大件的支持。本文用HTML语言实现页面布局，CSS实现样式设置，JavaScript脚本语言实现动画。在JavaScript设置的函数中，利用了定时器来控制图片变化的时间间隔，定时器中的函数用来设置图片透明度的渐进变化以及图片轮转播放效果。

HTML；CSS；JavaScript；轮播图；web页面

0 引言

Web技术是展现网页形态的主要技术手段，对网络环境的信息开发展现出重要的作用，而其工作的状况，对互联网用户的信息传输和获得服务的体验产生一定的影响，进而对整个信息环境价值的实现和整个社会的各项经济活动的展开具有一定的促进作用。如今无论是在传统的PC端还是移动端，Web技术在众多领域中都有着重要的作用。随着Web技术的不断进步和网页技术普及，各式各样的Web设计将受到越来越多的Web设计师的青睐[1]。在Web页面的各种效果中，轮播图效果的使用程度非常高。轮播图是指在电脑浏览器中通过鼠标点击，触屏设备中通过手指滑动，或设置定时器等方式使得数张图片在同一个位置有规律地滚动播放。……