三种页面Loading页面加载效果【全屏】

前言 某些通过Ajax加载数据的页面,如果直接显示空白会给人突兀的感觉。如果加一个Loading的效果,会有大大不一样的效果哦。 何为全屏? > 我所谓的全屏就是将loading元素fixed,在最上面,而不影响页面本来元素的显示。 效果一 方块转换效果 代码 CSS css <style> .pageloading {
2019-07-23 06:56 前端相关 0 人评

原生js判断操作系统和浏览器版本

背景 在诸如博客、论坛等系统的评论中,我们可以看见不少的网站都有显示发表评论的人的操作系统版本和浏览器版本。 实现 这里我们使用纯js方法来实现获取这两者的方法。 实现原理很简单 浏览器都会带一个UserAgent的header信息,此信息中就携带一些操作系统和浏览器的版本,我们只需添加一些正则或者一些方法来匹配即可。 获取操作系统版本 javasc
2019-07-20 09:13 前端相关 0 人评

网站右下角[来源网站]显示【前端特效】

背景 当别人从其他网站访问自己的网站时,如果在自己网站右下角有提示“欢迎来自XXX的朋友访问本站”,是不是逼格满满?! 效果演示 右下角来源网站窗口展示(https://wimg.misiyu.cn/publicfiles/20190716/15632755193ccb1463eca0b3b.gif) 知识点 CSS css需要了解定位(fixed,abs
2019-07-17 07:51 前端相关 0 人评

D3.js学习笔记【暂完,待续】

起步 select style JavaScript d3.select("container") .append('p') .text("hello") .style("color","red"); SVG 原生 一个简单的代码: html <svg width="100" height="100" <circle r=
2019-07-06 20:26 前端相关 0 人评

CSS3 Loading加载效果合集

效果1 CSS css <style .loading { width: 300px; height: 300px; position: relative; border: 1px solid gray; } .loading .line { width:
2019-06-06 14:19 前端相关 0 人评

CSS 制作爱心

方案1 纯CSSHTML 代码 html <DOCTYPE html <html lang="en" <head <meta charset="UTF8" <meta name="viewport" content="width=devicewidth, initialscale=1.0" <meta httpe
2019-06-02 22:19 前端相关 0 人评

播放音乐按钮(带旋转效果)

HTML部分 html <audio id="music" loop src="http://sb.sycdn.kuwo.cn/83e006b5c69684edcda2a24b44643822/5cbbda8f/resource/n3/48/26/1720584363.mp3" 您的浏览器不支持播放 </audio CSS部
2019-06-01 08:03 前端相关 0 人评
It's me
昵称:无道
坐标:成都
性别:
一个人,一介学生,一个儿子~ 愿你我都被世界温暖以待
迷思爱 公众号

新建了个公众号,会不定期分享一些小玩意,有提升效率的办公软件、有一些黑科技的软件、或教程等等。

爷~,要不关注下~~