html
关注
分享
扫一扫
栖身星河之中
都还好
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
html、jq点击文字可以编辑
效果图,点击文字出现文本框进行编辑 1.项目需要双击文字可以编辑的功能，HTML的contenteditable 属性可以做到。 2.并且所有主流浏览器都支持contenteditable 属性，这就很棒了！不过，当元素中没有设置contenteditable属性时，元素将从父元素继承属性。 值 描述 true 指定元素是可编辑的 false 指定元素是不可编辑的 语法： <p class="edit" contenteditable="true">名称</.原创 2021-06-28 15:55:04 · 1268 阅读 · 0 评论 -
idea scss文件自动编译成css文件
先建好scss文件还有css文件 1.设置 2.在 Plugins搜索file watcher 3.在 Tools 的下面找到 file watcher 点+选择SCSS 进去后，默认是这样配置的： 去掉了Qutput paths to refresh的后面: :$FileNameWithoutExtension$.css.map 下图是我修改后的图： 4.当修改了scss文件里的样式时，软件会自动帮你编译成css,如下图： ...原创 2021-04-19 12:42:47 · 2003 阅读 · 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 · 582 阅读 · 0 评论 -
react+echarts圆环进度条
效果图 1.基于react项目内，安装依赖 npm install 2.本地运行 npm start 3.安装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 · 703 阅读 · 0 评论 -
如何使用html+Chart画甜甜圈图
附上效果图： Chart.js的插件资源 提取码：ml28 html+css+js 1.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 · 627 阅读 · 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 · 1766 阅读 · 0 评论