自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

九天翔龙的技术博客

自己的学习心得

  • 博客(4)
  • 资源 (3)
  • 收藏
  • 关注

原创 CSS3干货10:如何做一个板块标题水平线左边带颜色效果

很多网站在设计栏目标题的时候,喜欢用下划线分开栏目标题和内容部分。而且线条左边的部分往往还有颜色,且这个颜色跟标题的文字长短保持一致。效果如图所示:这种效果其实很简单。我这里给大家推荐两种方式:假定我们的标题部分 HTML 结构如下:<h1> <span>热点新闻</span></h1>方式一:利用下边框。灰色...

2020-01-31 12:33:48 1284 2

原创 SVG制作环形进度条

病毒横行,不出门,干脆在家里学习吧~先看效果:我们来做一个简单版本的。需要用到的SVG知识点:1、圆形标签 circle<circle cx="110" cy="110" r = "100" fill="none" stroke="#eee" stroke-width="20"></circle>cy ...

2020-01-28 23:09:20 3274 5

原创 SVG 按钮小动画:点击切换面包导航和关闭

今日看到个按钮切换小动画甚有意思,做了一个类似的,效果如图所示:写的比较简单,像这种细节动画相信在将来会越来越多的。记录下来,作为一个知识点参考。主要用到的知识是:SVG 的 path 路径动画的控制。之前我写了一篇文章来讨论 SVG 的路径的描边动画 《妙用SVG,给自己暗恋的人表白吧~》。今天这篇继续来讨论 SVG 路径path的动画。第一步:先做好HTML 和CSS 。写...

2020-01-27 17:34:11 1518 1

原创 JS制作倒计时--计算两个时间点的时间差

计算当前时间和一个指定时间点的时间差,是很常见的一个特效。比如:一些电商网站的倒计时秒杀。高考倒计时这些效果用 JavaScript 来实现,简直易如反掌。主要用到的知识点:时间对象:获取当前时间 时间对象:设定指定的时间点 时间对象的 getTime() 方法:获取指定时间距离1970 年 1 月 1 日0点0分之间的毫秒数。很明显,这个数据很大,但是没关系,Ja...

2020-01-22 23:45:26 2124 2

HTML5的九宫格抽奖.rar

基于 HTML5 和 JavaScript 的九宫格抽奖。可以自定义内容,样式和中奖概率。原生HTML5+JavaScript完成。

2020-07-27

HTML5原生态JS的音乐播放器-带lRC歌词分析.rar

HTML5 原生态 JS 的音乐播放器。能上一首,下一首进行切换。并且可以分析 LRC 歌词。 歌词文件采用 AJAX 加载。

2020-03-21

原生态JS 3D banner.rar

利用原生态 JavaScript 实现一个伪 3D 的banner。利用鼠标坐标,控制 3D 的晃动。

2020-03-21

空空如也

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

TA关注的人

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