自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 资源 (1)
  • 问答 (3)
  • 收藏
  • 关注

原创 玫瑰仪表盘

写成简单插件的代码github地址:https://github.com/Onewwway/web-roseChart(插件写得不是很熟练,请多多指教)简单版:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1....

2020-08-03 11:00:57 193

原创 clip-path和linear-gradient实现图形的颜色渐变加斜切

看到网上的教程都是用linear-gradient属性实现斜切,万一图形的背景颜色需要渐变,斜切就无法实现了,因此我使用了clip-path属性。HTML部分:<div class="outside"> <div class="inside"></div></div>CSS部分:.outside{ padding: 4px; border: 1px solid #025185; box-shadow:in.

2020-06-01 17:17:47 762

原创 echarts图表自适应 容器大小更改canvas随之改变

看了网上很多方法都是使用myChart.resize去更改图表大小。window.onresize = myChart.resize;但是若是侧边栏打开,页面没有重新加载,canvas的宽度仍保持不变,因此通过resize方法手动修改canvas的width值即可。// 窗口大小改变,echarts图自适应$(window).resize(function(){ // ...

2020-04-17 10:24:02 3322 1

原创 调用flv.js显示视频报错

flv.js开源地址:https://www.bootcdn.cn/flv.js/代码<video class="video" id="videoElement"></video>/* 隐藏播放、暂停等各类播放器功能按钮 */video::-webkit-media-controls-fullscreen-button { display: non...

2020-04-10 12:10:50 18292 22

原创 横向时间轴的实现

html页面代码:<div class="time_axis"> <div class="time_box"> <div class="time_box_list"> <ul class="time_horizontal"></ul> </div> ...

2020-03-31 17:53:26 3987

原创 文件上传的处理

简单的文件上传处理。// 文件上传处理let files = $("#uploadfile")[0].files;let fileIds = "";for(let i = 0; i < files.length; i++){ let formData = new FormData(); formData.append("files", files[i]); ...

2020-03-30 16:14:57 278

原创 input[type=file]样式的修改

默认样式:<input type="file" name="files" id="uploaddocumentfile" multiple="multiple"/>修改后样式:将input[type=file]的opacity设置为零,点击需要执行的部分用长宽设定死覆盖,自己写样式。​<style> .file-btn{ ...

2020-01-09 16:16:33 788

原创 layer.open弹框弹出后父页面滚动问题

layer.open({ type: 1, area: ['680px', 'auto'], scrollbar: false, zIndex: 50, shade: 0.2, shadeClose: true, title: '标题', content: '内容'});设置scrollbar为false,弹框弹出时,父页面不...

2020-01-07 14:22:55 6476 4

原创 在css中定义img的src

<style> .proportion{ content: url("./img.png"); }</style><img class="proportion">参考来源:https://www.w3school.com.cn/css/pr_gen_content.asp

2019-12-06 13:19:41 2032 1

switch-master.zip

好看的ios风格的滑动开关按钮,压缩包内含示例文件及js文件、css文件,使用时仅需使用dist文件夹里的css和js文件。

2020-05-08

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

TA关注的人

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