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

Talking About How to Achieve the Effect of Picture Rotation Chart in Webpage

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

In the era of rapid development of Internet, the effect of web pages is increasing. Rotation map is widely used because it can display as much information as possible in the limited web space, making the web page more ornamental and readable, and also making the user experience to improve. HTML, CSS and JavaScript are es-sential to the front-end implementation of Web sites and browser windows based on B/S mode. In this paper, HTML language to achieve page layout, CSS to achieve style settings, JavaScript scripting language to achieve animation. In the function set in JavaScript, the timer is used to control the time interval of picture changes, and the timer func-tion is used to set the gradual change of picture transparency and the effect of picture rotation.