前端编写(推荐)
文章平均质量分 97
小知识,小技巧,页面优化,基础教程,进阶教程,实际项目
猫化
想赚大钱 希望哪位富婆可以看穿我坚强的伪装 带我走进他的闺房 三年买车 五年买房 走上人生巅峰
展开
-
多个echarts引用
1.效果图2.说明2.1 Echarts引用关键在于容器的创建<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>***</title> <!-- 引入 echarts.js --> <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.m原创 2021-04-17 09:53:34 · 885 阅读 · 0 评论 -
html个人简历网页
html个人简历网页效果图html在线运行传送门源码声明效果图html在线运行传送门源码<!DOCTYPE html><html lang="en"><head> <title>王宇东的个人简历</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1">原创 2021-04-17 09:25:53 · 3520 阅读 · 0 评论 -
CSS中的那些选择器
CSS中的那些选择器在CSS中,选择器是一种模式,用于选择需要添加样式的元素1.类选择器 .class .mydiv{ background-color:yellow; } <div class="mydiv">内容</div>2.id选择器 #id#myid{ font-size:150%; color:red; //设置字体的颜色 } <div id="myid">内容</div>3.element选择器 p原创 2020-06-23 17:08:10 · 331 阅读 · 0 评论 -
html中的唯美标签.js(花里胡哨的)
效果图这里会自己滚动,你也可以在div中添加你需要的a标签html在线运行传送门wmbq.html源码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="https://cdn.bootcss.com/jquery/3.1.0/jquery.min.js"></script>原创 2020-06-16 10:47:59 · 1225 阅读 · 0 评论 -
html樱花飘落特效js
引入<!-- 樱花特效引入 --> <script src="./sakura.js"></script>或者js源码//樱花 sakuravar stop, staticx;var img = new Image();img.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUgAAAEwCAYAAADVZeifAAAACXBIWXMAAACYAAAAmAGiyIKYAAAHG2lUWHRY原创 2020-06-13 09:43:47 · 130325 阅读 · 6 评论 -
html制作个人简历网页
注:支持二次开发,是我自己写的,因为全程都是调用网上的地址,所以没有任何其他的包需要导入和下载,一个html就可以了,但是希望大家仅做参考,毕竟每个人做出来的都是不一样的,只有你去做了,它才是你自己的效果图源码分享<!DOCTYPE html><html lang="en"><head> <title>王宇东的个人简历</title> <meta charset="utf-8"> <meta nam原创 2020-06-13 08:57:13 · 17330 阅读 · 4 评论 -
html怎样固定页面的高(固定容器高度 溢出隐藏)
固定容器高度 溢出隐藏源码<style> /* 固定容器高度 溢出隐藏 */ body { padding:0; margin:0; overflow:hidden; height: 600px; } </style>效果图背景渐变色渲染原理源码/* 背景渐变色渲染原理 */ body{ min-height: 100%; background: linear-gradient(#ffffff,#FF原创 2020-06-12 17:56:32 · 2048 阅读 · 0 评论 -
html5+css3背景设置
杜绝花里胡哨 一切从简style.cssbody{ background-size:100%;}.center2 { position: absolute; width: 300px; height: 200px; /*background: #fcc;*/ margin: auto; top: 0; left: 0; ...原创 2019-12-17 17:04:42 · 642 阅读 · 1 评论 -
html5+css3的动态背景 登陆页面
html5+css3的登陆页面 *{ margin: 0px; padding: 0px; } video{ position: fixed; right: 0px; bottom: 0px; ...原创 2019-12-11 16:43:39 · 1595 阅读 · 0 评论 -
QQ邮箱如何获得邮我代码
1.进入qq邮箱https://mail.qq.com/2.点击设置,进入到设置界面,如图3.点击账户,进入到账户界面,如图4.向下滑动,找到邮我5.点击使用邮我,进入到邮我组件界面,如图6.点击我要体验,进入到获得邮我代码界面选择效果预览,点获得代码按钮就可以了,如图将代码放到html的body中,可以得到如下效果<tr><td width="110"> <a target="_blank" href="http://mail.原创 2020-06-04 16:02:34 · 3997 阅读 · 0 评论 -
如何在html中插入背景音乐
1.搜索网易云音乐2.选择一首音乐,也可以登录后查看自己喜欢的音乐3.点击生成外链播放器5.有的歌曲会有权限保护,无法生成外链,这是缺点,我们选择另一首歌6.可以看到如下代码,不建议使用flash插件,毕竟谷歌浏览器禁用了,影响体验,默认自动播放不要管,选择复制代码7.将复制的代码插入html中我这里选择的是夏恋慕,一首很好听的歌<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" widt原创 2020-06-04 16:26:09 · 11073 阅读 · 12 评论 -
html实用小操作
1.匹配手机窗体<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />2.背景图片 且 匹配窗体<body background="images/index.jpg" ...原创 2020-03-20 20:41:06 · 2310 阅读 · 0 评论 -
Java爬虫项目(二 展示)(岗位爬取并展示)WebMagic+MySQL+Echarts+IDEA
二:echarts展示mysql数据库中的数据1.首先看一下项目结构2.创建包和类cn.xyecy.bean.Barpackage cn.xyecy.bean;public class Bar { private String name; //x轴,名称 private int num; //y轴,数量 public String getName() { return name; } public void setName(String原创 2020-05-27 11:59:35 · 681 阅读 · 1 评论 -
Java爬虫项目(四 可视化)(岗位爬取并展示)WebMagic+MySQL+Echarts+IDEA
四:使用Echarts可视化,从51job网站爬取的招聘信息1.效果图(我将公开分享源码,可支持二次开发,中间的数据是获取数据库,并且实现自滚动的)2.首先了解一下Echartsecharts基础页面备份<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>职业仓</title> <!-- 引入 echarts.js --&g原创 2020-06-08 12:04:50 · 3768 阅读 · 7 评论 -
jquery实现表头固定表格自滚动
随着阅览文章无数 终于让我找到了 废话不多说 上代码我们可以看到,这里引用了一个本地的jquery.min.js文件,需要的小伙伴还请去百度上自行下载接下来是js,没错,没有花里胡哨的css仅仅是在div上面加了一个id <div id="scroll_table" class="col-md-12 bottom_half" >以及tbody上加了一个id <tbody id="kbTable" >这里说一下,是因为,有的小萌新只知道复制粘贴,也不看源码<di原创 2020-05-30 08:51:19 · 1327 阅读 · 0 评论 -
html中div背景颜色渐变(透明 对角 附赠颜色查询对照表)
效果图源码<style> #grad1 { height: 200px; background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));}</style><div id="grad1"> </div>使用角度:如果你想要在渐变的方向上做更多的控制,你可以定义一个角度,而不用预定义方向(to bottom、to top、to r原创 2020-06-02 11:26:56 · 6752 阅读 · 0 评论 -
html背景渲染原理(body透明渐变)
给body设置的背景色 实际上 我们未必看得见:偶然情况下发现 给body写的背景色 全被浏览器给覆盖了文中涉及的是CSS中关于特殊元素(html/body)的背景渲染的原理当html标签没有设置背景色时 我们看见的是作用在浏览器画布上的背景色 不是body上的当html标签被设置了背景色时 我们看见的是真正作用在body上的背景色首先看源码body{ min-height: 100%; background: linear-gradient(#FFFAD0,#ffffff); }效果如原创 2020-06-04 19:06:22 · 3147 阅读 · 0 评论