前言

在github乱翻的时候，翻到了一个很有意思的html组件。
研究了一下引用来了。
看着很好玩，鼠标挪上去会吸附过来。
点击或者拖动下拉可以打开帘子，帘子内可以写一些简介之类的。
下面是作者的链接。

在自己的网页引入

下载对应css和js

将文件放在typecho根目录。

进入主题文件夹。
在你想要引入的样式文件内，将下面代码放入body里。
如下

<head>
        <!-- 引入 -->
        <link rel="stylesheet" href="/forkit/css/demo.css">
        <link rel="stylesheet" href="/forkit/css/forkit.css">
</head>
<body>
        <!-- 下拉帘 -->
        <div class="forkit-curtain" style="z-index: 8000">
            <div class="close-button"></div>

          在这里放入你喜欢的内容。
          
          </div>
        <a class="forkit" data-text="Forkit" data-text-detached="拖拽下拉 >" style="position: fixed; z-index: 2000" >
        <img style="position: absolute; top: 0; right: 0; border: 0;" ></a>
        <script src="/forkit/js/forkit.js"></script>
  </body>

效果可以参考下边的链接

学习用 - 我的关于页

所需文件下载 - 备份链接

本站资源多为网络收集，如涉及版权问题请及时与站长联系，我们会在第一时间内删除资源。

本站用户发帖仅代表本站用户个人观点，并不代表本站赞同其观点和对其真实性负责。

本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报。

本站资源大多存储在云盘，如发现链接失效，请及时与站长联系，我们会第一时间更新。

转载本网站任何内容，请按照转载方式正确书写本站原文地址。

[forkit] 翻github发现的下拉栏，看着非常有趣。

前言

在自己的网页引入

所需文件下载 - 备份链接

[Coil] Coil，线圈游戏，一个html5小游戏

[catch-the-cat] 一个网页捉住小猫小游戏组件

[计数统计] 给自己的站点添加不蒜子计数

[typecho] 仿Github-热力图-贡献图-组件

评论 (0)

[forkit] 翻github发现的下拉栏，看着非常有趣。

前言

在自己的网页引入

所需文件下载 - 备份链接

[Coil] Coil，线圈游戏，一个html5小游戏

[catch-the-cat] 一个网页 捉住小猫 小游戏组件

[计数统计] 给自己的站点添加不蒜子计数

[typecho] 仿Github-热力图-贡献图-组件

评论 (0)

[catch-the-cat] 一个网页捉住小猫小游戏组件