☯ ➸ ➳ ➻ ➛ ☞ 前端
关注
分享
扫一扫
乐逍遥☺
这个作者很懒，什么都没留下…
展开
-
layui菜单鼠标悬浮提示文字
tips ：的配置型，即位置[1上；那个数字是显示的 方向 后边的颜色是背景颜色。需要先引用layui的css js。原创 2023-03-24 16:25:36 · 1748 阅读 · 0 评论 -
layui使用tips鼠标悬停提示语
tips层的使用方法：首先引入文件layer.css和layer.js文件；然后使用代码格式为“layer.tips(msg, '#id',{tips: 1}，time:10000)”；最后设置相关参数即可。原创 2023-03-10 15:44:50 · 4843 阅读 · 1 评论 -
npm run lint 自动修改
npm run lint --fix 自动修改原创 2022-12-08 09:15:48 · 414 阅读 · 0 评论 -
html 如何让网页变灰色
只在网页中加入这个样式就可以了，大家可以拿去试试。原创 2022-12-02 11:34:03 · 466 阅读 · 0 评论 -
css字体设置为 左上角/右上角/左下右下 显示
vertical-align 用法。原创 2022-11-04 11:05:28 · 6876 阅读 · 0 评论 -
vue跳转 打开新页面
【代码】vue跳转 打开新页面。原创 2022-11-03 12:59:15 · 612 阅读 · 0 评论 -
VUE el-table设置表格表头居中，内容列居中/左对齐/右对齐
统一设置设置表头居中 加上【:header-cell-style="{'text-align':'center'}"】统一设置设置内容列居中 加上【:cell-style="{'text-align':'center'}"】在每个el-table-column标签上边设置。原创 2022-10-26 11:35:15 · 10914 阅读 · 0 评论 -
vue-admin-beautiful 去掉右边悬浮栏
在项目下面的路径 src\vab\layouts index.vue 这个页面。去掉这句话就可以了 vue-admin-beautiful 去掉右边悬浮栏。原创 2022-10-24 14:11:21 · 1149 阅读 · 1 评论 -
JQ实现点击弹出对话框
本文实例为大家分享了jq实现界面点击按钮 弹出悬浮框的具体代码，供大家参考，一个是背景，一个是悬浮窗。原创 2022-08-15 16:13:41 · 4154 阅读 · 0 评论 -
JQ实现点击显示 再次点击隐藏
点击显示 并且改变边上的小图标。原创 2022-08-12 20:33:58 · 1516 阅读 · 0 评论 -
layui关闭当前弹窗的方法
layui关闭当前弹窗的方法：1、获取当前窗口的name；2、关闭窗口。实现代码：原创 2022-06-01 11:59:56 · 7411 阅读 · 0 评论 -
layui 修改弹框标题 title
layui 修改弹框标题 title原创 2022-06-01 11:55:22 · 1058 阅读 · 0 评论 -
用canvan实现绘制半圆环进度条
效果图实现原理：1.使用canvas绘制半圆弧，底图灰色半圆弧和颜色进度圆弧。2.利用setInterval计时器，逐步改变颜色进度条，达到进度条的效果。<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,minimu...原创 2022-02-16 09:49:34 · 1721 阅读 · 0 评论 -
canvan绘制的双半圆环进度条
效果图实现原理：1.使用canvas绘制两个半圆弧，底图灰色半圆弧和颜色进度圆弧。2.利用setInterval计时器，逐步改变颜色进度条，达到进度条的效果。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head><script type="te.转载 2022-02-16 09:43:59 · 517 阅读 · 0 评论 -
jQuery实现列表搜索
hrml <div style="background-color: #F6F6F6;height: 40rem;padding: 3rem 10%;"> <div style="float: left;width: 22rem;"> <h3>运营中心</h3> <div style="height: 2.2rem;margin-bo原创 2021-11-16 19:36:28 · 1413 阅读 · 0 评论 -
jQuery实现点击按钮页面 滚动到顶部，底部，指定位置
jQuery实现点击按钮页面 滚动到顶部，底部，指定位置页面滚动到顶部$('.scroll_top').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);}); 页面滚动到底部$('.scroll_bottom').click(function({$('html,body').animate({scrollTop:$('.bottom').offset().top}, 800);});原创 2021-08-06 16:53:32 · 1502 阅读 · 0 评论 -
html input =“file“ ios 解决无法选择图库问题
苹果IOS无法选择图库上传文件只能拍照是因为以下这几个属性<inputtype="file"accept="image/*" multiple="multiple" capture="camera" >1、multiple="multiple" capture="camera"安卓表现为 可拍照可图库 ios 只可拍照2、multiple="multiple" 无capture安卓表现为 只可拍照 ios可拍照可图库3、无multiple capture="...原创 2021-03-08 14:08:29 · 3354 阅读 · 0 评论 -
实现输入框input只能输入数字和小数点
第一种方法 只允许输入数字(整数：小数点不能输入) <inputtype="text"onkeyup="value=value.replace(/[^\d]/g,'')"> 允许输入小数(一位小数) <inputtype="text"onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,1})?).*$/g,'$1')"> 允许输入小数(两位小数) <inputtype=...原创 2020-11-27 19:12:40 · 3510 阅读 · 1 评论 -
HTML中input标签取消自动提示 不显示历史记录
正常情况 如下图 会出现提示框的在 input 中添加 autocomplete="off" 后 就不会出现了 如下图 看不会出现了吧感觉对你有用就点击下方一键三连原创 2020-11-25 10:23:45 · 1363 阅读 · 0 评论 -
CSS用box-shadow实现四个边框设置单独阴影样式
CSS用box-shadow实现四个边框设置单独阴影样式 使用语法+意思： box-shadow: h-shadow v-shadow blur spread color inset; h-shadow 必需。水平阴影的位置。允许负值。 v-shadow 必需。垂直阴影的位置。允许负值。 blur 可选。模糊距离。 spread 可选。阴影的尺寸。 color ...原创 2020-10-16 14:42:48 · 5165 阅读 · 0 评论 -
css 单独设置左上，右上，左下，右下 圆角属性
css 单独设置左上，右上，左下，右下 圆角属性 border-top-left-radius:5px;/*左上角*/border-top-right-radius:5px;/*右上角*/border-bottom-left-radius:5px;/*左下角*/border-bottom-right-radius:5px;/*右下角*/ ...原创 2020-10-16 14:23:33 · 19937 阅读 · 0 评论 -
CSS设置阴影样式大全 包含所有样式 有图有代码
常用的样式：下面还有特殊的效果<html><head> <title></title> <style type="text/css">/*<!-- ———————————— 最简单的常规效果 —————————————————————— -->*/.flex{display:flex;flex-wrap:wrap;} .flex-item{margin-right:30px;}.box { .转载 2020-10-15 14:50:58 · 3858 阅读 · 0 评论 -
html中CSS的引入JS CSS方式都有那几种？
CSS的引入方式css有三种样式表 行内样式表(行内式) 内部样式表(嵌入式) 外部样式表(连接式) 内部样式表CSS代码抽取出来，放到style标签中 理论上 style 可以放到任何地方，但默认放在 head 里行内样式表直接在标签里面加上属性 style 就可以了 代码样例：<p style="color: pink; "></p>style是标签属性，只能控制当前标签外部样式表 使用较多的方法 在外部单独写一个css原创 2020-09-09 17:11:18 · 469 阅读 · 0 评论 -
css实现去掉加粗字体样式
font-weight——粗体 加粗名目单词css去除粗体通用方法font-weight:normal原创 2020-09-09 12:54:32 · 4400 阅读 · 0 评论 -
CSS改变input框中placeholder颜色的方法
<style> input::-webkit-input-placeholder { /* WebKit, Blink, Edge 适配谷歌*/ color: #3A9CFD !important; } input::-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐*/ color: #3A9CFD !important; }...原创 2020-09-07 11:08:26 · 1407 阅读 · 0 评论 -
如何去掉input文本域选中后会出现蓝边框
想要将inptut文本域的蓝色外框去掉，设置自己的样式，需要在你想要改变标签的样式中代码如下outline: 0;border-radius: 10px;border: 1px #CFCDCC solid;效果如下：原创 2020-09-04 15:02:28 · 3964 阅读 · 0 评论 -
常用CSS实现DIV文本内容水平垂直居中
第一种：利用CSS中的 display的table-cell 实现/*让元素渲染为表格单元格*/ display:table-cell;/*设置文本水平居中*/ text-align:center;/*设置文本垂直居中*/ vertical-align:middle; 第二种利用 ：flex盒子布局 写在父级上 弹性盒模型 display:flex; 主轴居中对齐 j...原创 2020-09-02 17:35:24 · 737 阅读 · 0 评论 -
h5+js 实现 五子棋 （二）
下边给大家 分享 一下五子棋 原码是17素材网里的一个小游戏下边的代码直接放到 自己在本地创建一个 HTML 页面 复制 粘贴到里面就OK了效果图：<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8"><meta nam...原创 2019-07-05 09:03:46 · 1586 阅读 · 4 评论 -
html + js 实现五子棋 （一 ）
五子棋原码给大家 分享下 五子棋 原码下边的代码直接放到 自己在本地创建一个 HTML 页面 复制 粘贴到里面就OK了效果图：<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html;"> <title...原创 2019-07-05 09:03:08 · 713 阅读 · 0 评论 -
HTML+CSS实现表格去除上下左右边框详细介绍
表格线常见问题：去除上边框border-top:none去除下边框border-bottom:none去除左边框border-left:none去除右边框border-right:none表格边框与表格单元格线的重叠 border-collapse:collapse 嵌套表格与被嵌套表格对不齐的问题 table-layout: fixedborder-collapse有两个属性，separate...原创 2020-08-25 17:56:08 · 15311 阅读 · 2 评论 -
div+css实现圆角阴影效果
使用div+css实现圆角阴影在css中，使用border-radius属性设置圆角，使用box-shadow属性设置阴影下面教你css如何实现圆角边框阴影代码：<input type="text" name="" style="width: 600px; height: 40px; padding: 0 20px; vertical-align: top; box-sizing: border-box; border: 1px .原创 2020-08-18 15:37:06 · 4006 阅读 · 0 评论 -
什么是 CSS? 为什么使用CSS？CSS的优点有那些？详细介绍
什么是CSS? CSS指层叠样式表(CascadingStyleSheets) 样式定义如何显示HTML元素 样式通常存储在样式表中 把样式添加到HTML4.0中，是为了解决内容与表现分离的问题 外部样式表可以极大提高工作效率 外部样式表通常存储在CSS文件中 多个样式定义可层叠为一个 在学习CSS之前，你需要具备HTML的基本知识。为什么说CSS 是网页的美容师 CSS是层叠样...原创 2020-08-11 11:34:30 · 8808 阅读 · 0 评论 -
详解CSS中的传统网页布局的三种方式 CSS浮动
传统网页布局的三种方式标准流(普通流/文档流)：按照默认的方式排列 浮动流 定位流CSS浮动 浮动可以改变元素标签的默认排列方式 网页布局第一准则：多个块级元素横向排列标准流，多个块级元素纵向排列浮动流 浮动详解 float属性创建浮动框，使其移动到一边，直到左边缘或右边缘碰到另一个浮动框的边缘或父元素边缘 代码示例： float: none | left | right; 1 值 描述 none 元素不浮动(默认值) lef原创 2020-08-21 09:33:51 · 480 阅读 · 0 评论 -
CSS中div盒子模型的各种参数使用方法
CSS盒子模型border边框 content内容 padding内边距：边框和内容的距离 margin外边距：盒子与盒子之间的距离 在审查元素里的CSS部分里的Computed里面可以看见这四个属性边框 (border)边框复合语法：border: border-width | border-style | border-color;/* 没有先后顺序，上面是推荐顺序 */属性 作用 border-width 边框粗细，单位px border-style原创 2020-08-13 11:46:46 · 1253 阅读 · 0 评论 -
使用CSS的三大特性有那些？
CSS三大特性层叠性对同一个选择器选择相同样式不同的参数： 遵循就近原则，谁离标签近就执行哪个样式 (后来者居上)，但是不冲突的部分不会被覆盖继承性子标签会继承父标签的某些样式(可以继承的样式text- ,font- ,line- ,color- ) 在F12中可以看到inherited from xxx行高的继承body { font: 12px/1.5 "Microsoft YaHei"; /* 字体大小/行高 字体 */}行高可以没有单位 没有单位的意思是当原创 2020-08-16 13:53:28 · 299 阅读 · 0 评论 -
CSS中的背景颜色及图片的使用方法有那些？
CSS的背景背景颜色，背景图片，背景平铺，背景图片位置，背景图像固定背景颜色定义背景颜色：background-color: transparent | color;transparent：背景色透明 (默认值) color：颜色背景图片定义背景图片场景：logo，装饰性小图片，超大图片 优点：便于控制位置background-image: none | url();background-image: url();/* 不要忘记url() */none：无背景图原创 2020-08-28 12:50:58 · 295 阅读 · 0 评论 -
CSS元素的显示模式方法！
CSS元素显示模式元素的显示模式元素 (标签) 以什么方式显示，例如<div>独自占一行 分类：块元素，行内元素块元素 包括：<h1>,<p>,<div>,<ul>,<ol>,<li>,其中<div>是最典型的块元素 特点： 自己独占一行 可以设置高度宽度及内外边距 宽度默认和容器(父级宽度)一样宽 是一个容器及盒子，里面可以放其他元素 注意：文字类的块元素不原创 2020-08-21 09:35:37 · 350 阅读 · 0 评论 -
CSS中常用的选择器使用方法有那些？
CSS复合选择器复合选择器就是基础选择器结合而成的 包括：后代选择器，子选择器，并集选择器，伪类选择器后代选择器 ※又称包含选择器，可以选择父元素里的子元素 例，选择所有ol标签里的li都更改属性ol li { color: red; /* 选择ol里的所有li元素 */} 中间用空格隔开 更改的是后代的 (只要是后代都可以被选中，无论几代) 样式 对同名标签的区分 对一个标签添加class属性 .class属性+后代名 注：中间的原创 2020-08-21 09:40:47 · 524 阅读 · 0 评论 -
编辑器中回车键 Emmet快速使用快捷键 方法
Emmet语法(快捷键)快速生成HTML结构语法 生成多个相同标签，标签名*3 (注，中间不要有空格) 父子级标签 例：ul和li 可以写 ul>li 兄弟关系用+ 可以直接 .nav ，生成<div class="nav"></div> .可以换# 生成id标签 可以更换其他标签，例：p.one 生成<p class="one"></p> 生成类名有顺序 .demo$*5 注：$从1开始排序.转载 2020-08-11 10:28:12 · 296 阅读 · 0 评论 -
CSS的引入方式都有那几种？
CSS的引入方式css有三种样式表 行内样式表(行内式) 内部样式表(嵌入式) 外部样式表(连接式) 内部样式表CSS代码抽取出来，放到style标签中 理论上 style 可以放到任何地方，但默认放在 head 里行内样式表直接在标签里面加上属性 style 就可以了 代码样例：<p style="color: pink; "></p>style是标签属性，只能控制当前标签外部样式表 使用较多的方法 在外部单独写一个css原创 2023-01-31 16:26:50 · 160 阅读 · 0 评论