JS编写兼容IE6,7,8浏览器无缝自动轮播

2022-01-13,,,,

在本篇文章里我们给大家带来一篇关于用原生JS编写兼容IE6,7,8浏览器无缝动轮播的相关知识点,需要的朋友们参考下。

项目要求页面兼容IE6,7,8等浏览器,我们可能会遇到这个轮播效果,轮播板块要求:无限循环、自动轮播和手动切换功能,每一次滚动一小格,网上有很多这类插件,例如:swiper等!

但是很多都是不兼容IE6,7,8这些低级浏览器的,没有办法,只能自己写一个类似的轮播插件

废话不多说,直接上代码:

    *{margin: 0;padding: 0;} div{position: relative;width: 1000px;overflow: hidden;height: 100px;line-height:100px;} ul{position: absolute;list-style: none;overflow: hidden;} li{float: left;width: 200px;height: 100px;text-align:center;color:#fff;} a{position: absolute;color:#fff;margin:0 10px;font-size:30px;text-decoration:none;}   
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
←→

希望这篇文章能帮到大家,喜欢技术交流的可以关注我,一起交流前端技术。感谢大家对本站的支持。

以上就是JS编写兼容IE6,7,8浏览器无缝自动轮播的详细内容,更多请关注本站其它相关文章!

《JS编写兼容IE6,7,8浏览器无缝自动轮播.doc》

下载本文的Word格式文档,以方便收藏与打印。