自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(7)
  • 收藏
  • 关注

原创 HTML5+JS+CSS简单的实现左滑出现删除菜单,类似微信删除聊天框,代码完整

HTML5+JS+CSS简单的实现左滑出现删除菜单,类似微信删除聊天框,代码完整1、HTML部分,我在此处写了两个商品卡片,用来操作<div class="lame-card-list-tb lame-mt-2"> <div style="display: flex;"> <div class="right_menu lame-card-item lame-flex lame-ai-center lame-jc-between"&gt

2021-01-06 17:13:01 3366 18

原创 RSA js 加密解密

**JavaScript rsa 对数据进行 加密 和 解密 **☆大家可以从这个网址https://www.bejson.com/enc/rsa/自己生成一个公钥私钥。(记得引入js)1、设置公钥var PUBLIC_KEY = 'MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDUkFeon9ykXBcMQsI+D/6YR6JVDBh6hsB6nXFszsgQ/33MtcXq714oUsxMpDNnHDzsIiF1wCCHRDhrYilVrYjWC8TgQ23gZWLh

2020-12-19 15:55:46 1517 1

原创 jquery 实现 简单 购物车 商品数量 和 商品的总价 (bootstrap),实现checkbox全选全不选

简单实现了一个购物车 商品 列表,计算 商品 数量 和 商品总价的功能,实现全选全不选。代码完整。1、css,可根据自己清空修改下,列表使用了bootstrap的样式,记得引用下.page_shop_cart .shop_cart_num { color: #5271ff; font-size: 1.125rem; margin: 1.25rem 0;}.page_shop_cart .shop_cart_num span { padding: 0.3125rem; bord

2020-12-05 15:49:32 5277 12

原创 vconsole.js打开网页手机端调试

在手机端打开进行调试<script src="https://cdn.bootcss.com/vConsole/3.3.4/vconsole.min.js"></script><script> // init vConsole var vConsole = new VConsole(); console.log('Hello world');</script>

2020-12-05 15:19:40 647

原创 css修改scroll的默认滚动条样式

1、首先我们要给div一个固定的高度或者最大的高度(height)2、设置overflow为scroll(如果只想保留横向或者竖向的滚动条的话,直接设置overflow-x或overflow-y)3、给改div或者整个页面添加css,就可以了 /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 0.75rem; height: 0.75rem; background-col

2020-11-27 09:17:13 1258

原创 layui轮播图手指不能滑动解决办法

<!DOCTYPE html><html><head> <title></title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="./layui/css/layui.css"></head><body> <div id="test1" class="layui-.

2020-11-20 17:18:13 816

原创 **CSS 文字超过 2 行后,用省略号显示**

CSS 文字超过 2 行后,用省略号显示开头和结尾两行注释都要加/*! autoprefixer: ignore next */-webkit-box-orient: vertical; // 避免压缩后删除此行-webkit-line-clamp: 2; // 显示省略号行数overflow: hidden;text-overflow: ellipsis;display: -webkit-box;/*! autoprefixer: ignore next *...

2020-11-14 15:27:55 212 3

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除