![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
wang_kai_7
这个作者很懒,什么都没留下…
展开
-
tab(选项卡)
模仿layui效果图如下: 两者除了css方面不同,一个用border属性实现,一个用伪元素实现,其他逻辑都相同,在readme.md中有详细介绍 在线预览:demo1.html 在线预览:demo2.html 代码及思路地址:代码及思路 思路截图: ...原创 2018-10-11 15:45:40 · 801 阅读 · 1 评论 -
写了一个模仿网易云音乐APP轮播图的小demo
效果图: 放在了github上,里面有比较详细的注释和思路的转变 效果演示:效果演示 代码地址:l轮播图代码地址 实现功能: 定时切换(3s) 鼠标放上去停止切换 点击左右图片进行图片切换 鼠标放上去显示向左向右按钮,鼠标移下来再次隐藏 点击向左向右按钮进行相应切换 鼠标放到下方的线上,停止定时切换,并进行相应的切换 鼠标离开下方的线,重新开始定时切换 ...原创 2018-09-27 11:17:55 · 2435 阅读 · 5 评论 -
一个水平、垂直的导航demo
模仿layui做的水平和垂直导航 代码地址:代码地址 阅览地址:预览页面 gif:原创 2018-10-06 17:20:16 · 1312 阅读 · 0 评论 -
模仿天猫图片放大demo
演示网址 代码实例 用到的知识和思路也写在了github里: 网址为:https://github.com/wkstudy/smallplugs/blob/master/picEnlarge/README.md 欢迎探讨原创 2018-09-29 17:38:10 · 280 阅读 · 0 评论 -
完成类似于jqueryui 缩放组件
效果图: 代码地址:代码地址 演示页面:demo 写demo过程中用到的knowledge、关键思路和犯的error:记录md 进行的判断包括: 1. 阻止文本被选中 2. 鼠标的在不同边时的样式 3. 改变大小 4. 子元素不能超过父元素 ...原创 2018-11-09 12:05:18 · 155 阅读 · 0 评论 -
折叠面板小插件
效果图: 在线页面: 页面预览 代码地址: https://github.com/wkstudy/smallplugs/tree/master/panel 说明:只需保证页面最多有一个面板是显示状态就行了原创 2018-11-18 16:31:55 · 535 阅读 · 0 评论 -
进度条实现
效果图: 网页预览:demo 代码地址:地址 写的过程中遇到的一些问题等也写在这里原创 2018-11-24 18:43:11 · 240 阅读 · 0 评论 -
日历组件(模仿jqueryui)
效果图: 网页预览:demo 代码地址:代码地址 实现功能: 改变日期(增大、减少) 显示当前日期(不同颜色标识) 选择日期原创 2018-11-26 21:59:22 · 1258 阅读 · 2 评论