- 博客(8)
- 收藏
- 关注
原创 前端淘宝适配方案(vue)
1.安装插件npm i lib-flexible --save-dev2.在main.js引入import ‘lib-flexible/flexible.js’3.在plugins下建立文件夹lib-flexible里面加入flexible.js代码如下:;(function(win, lib) {var doc = win.documentvar docEl = doc.documentElementvar metaEl = doc.querySelector(‘meta[name=“v
2021-08-17 11:25:43 1115 2
原创 js实现放大镜
![css代码![](https://img-blog.csdnimg.cn/20200712201046953.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xfMzk5NQ==,size_16,color_FFFFFF,t_70)
2020-07-12 20:12:43 141
原创 js实现表单验证
html+css代码 .wrapBox { width: 600px; margin: 50px auto; min-height: 500px; background-color: #FFCCCC; } .wrapBox button { padding: 5px; margin-bottom: 50px; } .wrapBox table { bor
2020-07-08 23:13:07 228
原创 js实现选项卡
li { list-style-type: none; } .tab-title { display: flex; width: 300px; text-align: center; line-height: 30px; } .tab-title li { flex: 1; background-color: #eee; margin-r...
2020-07-07 23:57:13 154
原创 js实现单选
span { width: 100px; text-align: center; line-height: 30px; border: 1px solid #ddd; background-color: #eee; display: inline-block; } .active { border: 1px solid red; color: red ...
2020-07-07 23:54:55 905
原创 js实现多选
span { width: 100px; text-align: center; line-height: 30px; border: 1px solid #ddd; background-color: #eee; display: inline-block; } .active { border: 1px solid red; color: red ...
2020-07-07 23:42:12 382
原创 全选与反选经典!!!
全选:<input type="checkbox" id="checkAll"> <br>选项:<input type="checkbox" class="checkOne">A<input type="checkbox" class="checkOne">B<input type="checkbox" class="checkOne">C<input type="checkbox" class="checkOne">D<
2020-07-07 16:49:47 114
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人