CSS 和 JS 根据系统主题配色模式自动切换网页配色模式 2022年05月16日 Mr. Ma 1371 在 YouTube 的菜单中有一项外观设置，这里可以设置 YouTube 的网页配色，包括 深色主题、浅色主题、使用设备主题，这里的使用设备主题就是根据系统的主题配色来调整网页配色。目前的 Android 和 iOS 都有深色模式，开启深色模式后系统应用... 阅读全文 0 评论
使用原生 JavaScript 实现简单轮播图 2019年08月17日 Mr. Ma 1837 轮播图是网站中常见的一种展示方式，一般常用于：电商网站、新闻网站、企业官网 等。轮播图也是前端开发必须掌握的基础。这里就用 CSS3 + 原生 JavaScript 实现一个简单的轮播图。注意！因为使用了 CSS3 ，所以不能在 IE10 以下的浏览器运... 阅读全文 0 评论
IcoMoon 一个可定制的字体图标库 2019年07月06日 Mr. Ma 2954 最近正在开发一个 Typecho 的主题，其中就用到了 Bootstrap4 。Bootstrap4 相比 Bootstrap3 有一个比较大的变化就是不再包含字体图标，官方推荐的是：Font Awesome 。Font Awesome 也是比较著名的字... 阅读全文 0 评论
Sass 简单使用教程 2019年05月12日 Mr. Ma 2874 Sass 是CSS的一种扩展语言，它允许您使用 变量、嵌套、函数、继承 等，并且完全兼容CSS语法。传统的CSS只是一种描述性的语言，只能通过一行行的描述来定义样式，而 Sass 能以类似于 JavaScript 的编程方式来定义样式。类似于 Sass ... 阅读全文 0 评论
使用 CSS3 + JavaScript 简单实现元素的淡入淡出 2019年04月26日 Mr. Ma 4978 在jQuery中想实现淡入淡出的功能很简单，只需要通过 fadeIn() 和 fadeOut() 这两个方法就能实现淡入淡出，如果是原生JS就会稍微麻烦一些，只能通过定时器来控制CSS的透明度来实现淡入淡出。但是通过JS来控制CSS的透明度有一个很大的问... 阅读全文 0 评论