原JS实现banner图的常用功能

前端之家收集整理的这篇文章主要介绍了原JS实现banner图的常用功能前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

虽然,用jQuery实现banner图的各种效果十分简单快捷,但是我今天用css+js代码实现了几个banner图的常用功能效果还不错。

此次,主要想实现以下功能

  1. banner图循环不间断切换

  2. 通过自制按钮实现指定性banner图的切换

  3. 通过方向按钮实现banner图左/右定向依次切换

  4. 当banner图存在onmouSEOver事件时,停止banner切换,当存在onmouSEOut时继续切换

<Meta charset="UTF-8">