前端共12篇
CSS3过渡与动画-墨初博客

CSS3过渡与动画

一、transition过渡 transition过渡是通过初始和结束两个状态之间的平滑过渡实现简单动画。 transition: all 1s ease-out 0s; transition-property 规定应用过渡的CSS属性的名称 transit...
墨初的头像-墨初博客墨初5月前
0430
JavaScript知识点总结-墨初博客

JavaScript知识点总结

一、JavaScript基础 JavaScript 是一种解释型的脚本语言,被大量地应用于网页中,用以实现网页和浏览者的动态交互。 1. 三大组成 ECMAScript,描述了该语言的语法和基本对象文档对象模...
侧边栏在线征稿小工具-墨初博客

侧边栏在线征稿小工具

自定义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...
文章字数统计和预计阅读时间-墨初博客

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

打开functions.php文件,在末尾添加如下函数 第五行的400是阅读速度,一般人的阅读速度为300-500字每分钟,可自行修改 // 字数和预计阅读时间统计 function count_words_read_time () { ...
樱花散落特效-墨初博客

樱花散落特效

本页面的樱花散落效果怎么实现呢 我们可以直接引用JS文件,代码如下 <script src='https://mochu.co/share/sakura/yinghua.js'></script> 具体JS代码如下 <!-- 樱花散落特...
网页标题动态变化-墨初博客

网页标题动态变化

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

侧边栏彩色滚动条

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

Tomcat的配置与目录结构

Tomcat是一个免费的开放源代码的Web 应用服务器,属于轻量级应用服务器,普遍用于构建中小型的的网站系统。简单的来说就是我们写好的网页可以放到其文件目录,通过本地服务器在浏览器打开网页。...
墨初的头像-墨初博客墨初6月前
0360
鼠标点击富强民主特效-墨初博客

鼠标点击富强民主特效

JS代码如下,添加到需要的地方即可 <script type='text/javascript'> //定义获取词语下标 var a_idx = 0; jQuery(document).ready(function($) { //点击body时触发事...
移动端左侧导航栏做法-墨初博客

移动端左侧导航栏做法

移动端左侧导航栏效果如何做 大概思路就是设导航栏盒子为固定定位 fixed,初始宽度设为0,点击打开按钮调用函数设置宽度为有效值 具体步骤下面代码有解释 <!DOCTYPE html> <html...