Zibll子比共8篇
侧边栏彩色滚动条-墨初博客

侧边栏彩色滚动条

我们浏览网站时经常看到一些网站侧边滚动条非常好看 本例彩色滚动条效果由CSS实现,你可以根据你的需求自行修改滚动条外观 css代码如下,添加到需要的地方即可 /**彩色滚动条样式*/ /...
网站logo添加闪光效果-墨初博客

网站logo添加闪光效果

我们浏览网站时经常看到一些网站的LOGO带有扫光效果,如下图 该效果可由纯CSS实现,使用时可能需要根据你的网站自行修改参数 修改成你网站logo后方所在标签的类名,即代码中的两处nav...
网页标题动态变化-墨初博客

网页标题动态变化

今天学到一个特别有趣的代码,就是通过 visibilitychange 页面可见性改变事件,来实现动态标题的效果 JS代码如下,添加到需要的地方即可 <script type='text/javascript'> var Tit...
额外代码添加到哪里-墨初博客

额外代码添加到哪里

为了美化我们的网站,往往我们会添加一些css和JavaScript代码 那么这些代码应该放到哪里呢 一、子比主题 子比主题设置-全局功能-自定义代码 中有自定义CSS样式,自定义JS代码等等设置...
樱花散落特效-墨初博客

樱花散落特效

本页面的樱花散落效果怎么实现呢 我们可以直接引用JS文件,代码如下 <script src='https://mochu.co/share/sakura/yinghua.js'></script> 具体JS代码如下 <!-- 樱花散落特...
文章字数统计和预计阅读时间-墨初博客

文章字数统计和预计阅读时间

打开functions.php文件,在末尾添加如下函数 第五行的400是阅读速度,一般人的阅读速度为300-500字每分钟,可自行修改 // 字数和预计阅读时间统计 function count_words_read_time () { ...
侧边栏在线征稿小工具-墨初博客

侧边栏在线征稿小工具

自定义HTML添加到需要的地方即可 <style type='text/css'> #draft img{margin:0px 0 15px }#draft a{width:30%;height:35px;border-radius:3px;text-align:center;line-height:35px;f...
鼠标点击富强民主特效-墨初博客

鼠标点击富强民主特效

JS代码如下,添加到需要的地方即可 <script type='text/javascript'> //定义获取词语下标 var a_idx = 0; jQuery(document).ready(function($) { //点击body时触发事...