`

图片轮播纯脚本梳理1

阅读更多

网站的首页要实现一种图片的轮播功能。

1:主要运用的是相对位置及溢出不显示的特性。

2:要用到定时器的自动轮播功能,且要支持手动点击切换功能(注意:记录点击时的图片,再轮播时,从当前图片继续向下轮播)。

3:要有鼠标进入及移出事件机制:确定某一个区域的z-index足够大,鼠标进入定时器停止,鼠标移出定时器继续。

 

效果如下:



 

  • 大小: 509.1 KB
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics