网页懒加载图片实现

博主彼岸临窗的博客主题做得非常简约漂亮，虽然生活类文章更新不多，但我有时候总喜欢光顾它，不为别的，享受这个体验的过程。博主也很热心，还免费共享了主题代码，于是，我也就借用了不少资源过来，比如回复 emoji 表情，这里要说的是懒加载图片，真的体验感极强，借花献佛也分享出来吧。一、添加懒加载图片...

2025年02月07日  333次访问  #javascript #css   6条评论

建站

147 个 CSS3 颜色名称和值表

名称 16进制 百分值 整数值 16进制缩写 示例 aliceblue #f0f8ff rgb(94.1%,96.9%,100%) rgb(240,248,255)   antiquewhite #faebd7 rgb(98%,92.2%,84....

2024年12月01日  152次访问  #css #html   0条评论

建站

CSS 加 jQuery 实现手风琴效果

今天给自己的归档用上手风琴效果，就简单利用了网格的 grid-template-rows 属性，下面是基本的步骤。因为要用到 jquery 语法，所以先引入 jquery.js 库 <script src="https://cdn.jsdelivr.net/npm/jquery...

2024年11月23日  169次访问  #css #jquery #源码   0条评论

建站

解决锚点定位问题

锚点定位机制如果没有滚动条，锚点失效。如果有滚动条，滚动条滚动到地址 hash （地址 # 号后面的内容）对应的锚点元素 padding-box 上边缘位置。方法一： 在滚动元素上设置 scroll-padding-top 属性文档的滚动条属于 html，所以在 html 元素上设置。如果滚动...

2024年11月04日  153次访问  #css   0条评论

建站

关于阮一峰老师的几篇经典 CSS 教程

经典教程，没有修改的必要，即给自己复习用，也给有需要的人分享一下。post-info title="Flex 布局教程：语法篇" href="http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html" description="" src...

2024年10月26日  165次访问  #css #Grid #flex   0条评论

建站

typecho 给文章添加短代码功能

短代码可以很方便快捷地实现一些特定功能。经过一番搜索，网上找到了一个叫做 ShortCode 的短代码插件，再经过一番学习，终于实现了短代码功能。一、下载插件下载地址：ShortCode下载插件后，解压放入usr/plugins目录，并启用该插件。二、注册短代码可以通过 ShortCode 类...

2024年01月31日  306次访问  #typecho #css #php   0条评论

建站