前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布

fokus

作者头像
阿超
发布2022-08-21 14:04:07
1860
发布2022-08-21 14:04:07
举报
文章被收录于专栏:快乐阿超快乐阿超

分享一个好玩的开源项目,演示地址:

https://lab.hakim.se/fokus/

代码仓库:https://github.com/hakimel/Fokus

演示效果:

fokus
fokus

当我们在页面上框选时,会在页面上加个蒙版,高亮框选区域

使用方式,首先下载fokus.min.js

官方链接

备用链接

然后引用

代码语言:javascript
复制
<script src="/js/fokus.min.js"></script>

最后编写代码(随便写点)

代码语言:javascript
复制
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="/js/fokus.min.js"></script>
</head>

<body>
    <div>
          开源的发生,到底需要如何做到,不开源的发生,又会如何产生。 从这个角度来看, 左拉曾经说过,生活的道路一旦选定,就要勇敢地走到底,决不回头。这启发了我, 一般来说, 一般来讲,我们都必须务必慎重的考虑考虑。
        我们不得不面对一个非常尴尬的事实,那就是, 我们都知道,只要有意义,那么就必须慎重考虑。 我们都知道,只要有意义,那么就必须慎重考虑。 既然如此, 问题的关键究竟为何?
        培根曾经说过,深窥自己的心,而后发觉一切的奇迹在你自己。我希望诸位也能好好地体会这句话。
    </div>
    <div>
        <div>
              开源,到底应该如何实现。
            所谓开源,关键是开源需要如何写。
        </div>
        <div>
            韩非曾经提到过,内外相应,言行相称。
            这启发了我, 开源,发生了会如何,不发生又会如何。
        </div>
        <div>
            在这种困难的抉择下,本人思来想去,寝食难安。
            可是,即使是这样,开源的出现仍然代表了一定的意义。
        </div>
        <div>
            左拉曾经提到过,生活的道路一旦选定,就要勇敢地走到底,
            决不回头。这似乎解答了我的疑惑。
        </div>
        <div>
            既然如何,生活中,若开源出现了,我们就不得不考虑它出现了的事实。
        </div>
    </div>
</body>

</html>

就能达成效果:

image-20220625122405273
image-20220625122405273
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-06-25,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档