一种基于原生JavaScript的焦点轮播图简易实现

• 作者: 罗才华
• 来源期刊: 南方职业教育学刊
• 学科: 工学
• 关键词: 原生JavaScript 轮播图 CSS 无缝
• 年，卷（期）: 2019,（3）
• 所属期刊栏目: 应用研究
• 页码范围: 103-109
• 页数: 7页
• 分类号: TP3
• 字数: 4111字
• 语种: 中文
• DOI: 10.3969/j.issn.2095-073X.2019.03.018

摘要

为了改善传统原生JavaScript在实现轮播图时代码冗余及复杂难懂的缺点,基于原生JavaScript和定位原理,通过对图片轮播过程中图片显示规律进行分析,将显示图片分为上一张、下一张和指定张.在此基础上进行JavaScript函数封装,根据用户事件传递不同参数,实现轮播图.实验结果表明,基于原生JavaScript实现的焦点轮播图在主流浏览器上表现良好,能有效增强页面整体视觉效果和用户体验.基于原生JavaScript的焦点轮播图简易实现,简化了轮播图的实现过程,在不破坏HTML文档结构的情况下,即可实现焦点轮播图的无缝轮播效果.