zoukankan      html  css  js  c++  java
  • 分享和本博一样的页面效果

    代码来源于【Github】,在此可找到最新的效果页面,本博主也是根据404boom博主分享的方法借鉴制作的

    如果只是想和本博主一样,能够直接用,请继续往下看

    要先向官方申请js的使用权限

    首先点击下面三个链接直接下载,进去后鼠标右击另存为

    base.min.css

    simpleMemory.js

    mouse.js

    下载到自己桌面,将后两个js文件再上传到下面页面,css文件不需要上传,本博主上传只是为了方便广大网友下载_!

    博客

    然后点击设置,打开下载的css文件,复制里面代码粘贴到设置里面定制css代码部分

    博客

    将下面两段代码复制粘贴,如图所示,记得使用前将信息改为自己的信息!

    <script type="text/javascript">
    window.cnblogsConfig = {
    blogUser : "走马观花", 
    blogAvatar : "https://images.cnblogs.com/cnblogs_com/cool-fun/1571873/o_tx.jpg", 
    blogStartDate : "2019-10-18",
    }
    </script>
    <script src="https://blog-static.cnblogs.com/files/cool-fun/simpleMemory.js"></script>
    

    博客

    鼠标点击效果

    <script src="https://blog-static.cnblogs.com/files/cool-fun/mouse.js"></script>
    

    博客


    最后效果图,点击保存就ok了!
    博客

    上面就已经完成了!_


    ###如果想改动一下自己喜欢效果的,请继续往下看

    打开simpleMemory.js文件,可以使用notepad++打开或网页编辑器,找到以下部分

    博客

    打开mouse.js文件

    博客

    只是简单说明了一下常改动的代码,可继续自行阅读代码更换自己喜欢的效果,本博主就不再带大家一一阅读了!

    想在博客园放一个板娘,可以看一下这位博主,放一个板娘让你博客更有趣【点击加个板娘

    如果有其他好的灵感和页面设计,也要记得私信分享给我呦!

  • 相关阅读:
    服务器又100%了,上一个挖矿病毒解决完,这几天又来了一个新的挖矿病毒。。。。
    一些面试题
    家庭应急储备物资分类
    所学习的docker
    Mysql主从复制原理及同步延迟问题
    关于git
    小程序的get和post需要注意的地方
    CSS3 3D转换
    transform CSS3 2D知识点汇总
    HTML5基础知识总结(一)
  • 原文地址:https://www.cnblogs.com/cool-fun/p/11725991.html
Copyright © 2011-2022 走看看