使用原生 JavaScript 实现简单轮播图

轮播图是网站中常见的一种展示方式,一般常用于:电商网站、新闻网站、企业官网 等。轮播图也是前端开发必须掌握的基础。这里就用 CSS3 + 原生 JavaScript 实现一个简单的轮播图。注意!因为使用了 CSS3 ,所以不能在 IE10 以下的浏览器运...

IcoMoon 一个可定制的字体图标库

最近正在开发一个 Typecho 的主题,其中就用到了 Bootstrap4 。Bootstrap4 相比 Bootstrap3 有一个比较大的变化就是不再包含字体图标,官方推荐的是:Font Awesome 。Font Awesome 也是比较著名的字...

Sass 简单使用教程

Sass 是CSS的一种扩展语言,它允许您使用 变量、嵌套、函数、继承 等,并且完全兼容CSS语法。传统的CSS只是一种描述性的语言,只能通过一行行的描述来定义样式,而 Sass 能以类似于 JavaScript 的编程方式来定义样式。类似于 Sass ...

使用 CSS3 + JavaScript 简单实现元素的淡入淡出

在jQuery中想实现淡入淡出的功能很简单,只需要通过 fadeIn() 和 fadeOut() 这两个方法就能实现淡入淡出,如果是原生JS就会稍微麻烦一些,只能通过定时器来控制CSS的透明度来实现淡入淡出。但是通过JS来控制CSS的透明度有一个很大的问...