![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
栖身星河之中
都还好
展开
-
html、jq点击文字可以编辑
效果图,点击文字出现文本框进行编辑1.项目需要双击文字可以编辑的功能,HTML的contenteditable 属性可以做到。 2.并且所有主流浏览器都支持contenteditable 属性,这就很棒了!不过,当元素中没有设置contenteditable属性时,元素将从父元素继承属性。值描述true指定元素是可编辑的false指定元素是不可编辑的语法:<p class="edit" contenteditable="true">名称</.原创 2021-06-28 15:55:04 · 1065 阅读 · 0 评论 -
idea scss文件自动编译成css文件
先建好scss文件还有css文件1.设置2.在 Plugins搜索file watcher3.在 Tools 的下面找到 file watcher点+选择SCSS进去后,默认是这样配置的:去掉了Qutput paths to refresh的后面::$FileNameWithoutExtension$.css.map下图是我修改后的图:4.当修改了scss文件里的样式时,软件会自动帮你编译成css,如下图:...原创 2021-04-19 12:42:47 · 1402 阅读 · 3 评论 -
html,css超过一行显示省略号,js控制显示字数(可以加省略号或不加)
附上效果图<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .hidden{ /*内容超出后显示省略号*/ text-overflow: ellipsis; /*内容超出后隐藏*/ overflow: hidden; /*内.原创 2021-04-12 16:37:21 · 443 阅读 · 0 评论 -
react+echarts圆环进度条
效果图1.基于react项目内,安装依赖npm install 2.本地运行npm start3.安装echarts全部代码:import React from 'react';// 引入 ECharts 主模块import echarts from 'echarts/lib/echarts';// 引入提示框和标题组件import 'echarts/lib/component/tooltip';import 'echarts/lib/component/title';.原创 2021-04-07 10:04:25 · 572 阅读 · 0 评论 -
如何使用html+Chart画甜甜圈图
附上效果图:Chart.js的插件资源提取码:ml28html+css+js1.html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>甜甜圈</title> <script src="js/jquery.min.js" type="text/javascript" charset="utf-8".原创 2021-04-02 11:07:10 · 483 阅读 · 0 评论 -
HTML+CSS实现页签切换效果
效果图,忽略大水印HTML<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="../css/demo.css"></head><body><div class="demo"> .原创 2021-03-18 16:35:13 · 1371 阅读 · 0 评论