轮播图鼠标整屏划过的效果
2019-10-21 本文已影响0人
O人心
轮播图整屏滚动的效果，在实际应用中还是需要的，像是QQ音乐的客户端页面就是使用的整屏划过的效果。
下面是HTML里的内容：
在页面中创建一个ul标签，需要滚动多少个屏就可以设置多少li标签，这里演示，我就增加4个li标签。
再创建一个ul标签存放轮播点，为了美观，选择竖排的方式在右侧的方式
接下来是css里的样式：
这里是script里的内容
在代码里已经写得很详细的注释，有什么不懂的，可以留言
轮播图整屏滚动的效果，在实际应用中还是需要的，像是QQ音乐的客户端页面就是使用的整屏划过的效果。
下面是HTML里的内容：
在页面中创建一个ul标签，需要滚动多少个屏就可以设置多少li标签，这里演示，我就增加4个li标签。
再创建一个ul标签存放轮播点，为了美观，选择竖排的方式在右侧的方式
接下来是css里的样式：
这里是script里的内容
在代码里已经写得很详细的注释，有什么不懂的，可以留言
