- 博客(6)
- 收藏
- 关注
原创 Swiper插件的使用和介绍
Swiper介绍swiper是一款开源的解决前端开发中触摸滑动案例的插件swiper官网:Swiper中文网-轮播图幻灯片js插件,H5页面前端开发https://www.swiper.com.cn/swiper的使用使用swiper首先要下载swiper下载完成后在官网在线演示中找到你所需要的这里我选择了基础演示中的010首先在你下载的压缩包中找到010的demo文件打开后点击鼠标右键打开网页源代码...
2022-01-26 23:52:50
4269
原创 轮播图 完整实现
实现轮播图需求1.鼠标经过轮播图模块,左右按钮显示,离开隐藏左右按钮2.点击右侧按钮一次,图片往左播放一张.左侧按钮同理3.图片播放时,下面小圆圈模块跟随一起变化4.点击小圆圈,可以播放相应图片5.鼠标不经过轮播图,轮播图也会自动播放图片6.鼠标经过,轮播图模块自动停止播放废话不多说直接上代码htnl css<!DOCTYPE html><html><head> <meta charset="utf-8">
2022-01-18 01:19:00
6677
1
原创 横向拉动内容 css实现
横向拉动内容 方法:利用overflow: auto; 来实现横向拉动,将内容盒子设置大于父盒子的宽度,使内容左浮动代码实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <met...
2022-01-17 17:44:44
299
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人