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