前端共12篇
排序
CSS3过渡与动画
一、transition过渡 transition过渡是通过初始和结束两个状态之间的平滑过渡实现简单动画。 transition: all 1s ease-out 0s; transition-property 规定应用过渡的CSS属性的名称 transit...
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是一个免费的开放源代码的Web 应用服务器，属于轻量级应用服务器，普遍用于构建中小型的的网站系统。简单的来说就是我们写好的网页可以放到其文件目录，通过本地服务器在浏览器打开网页。...
鼠标点击富强民主特效
JS代码如下，添加到需要的地方即可 <script type='text/javascript'> //定义获取词语下标 var a_idx = 0; jQuery(document).ready(function($) { //点击body时触发事...
移动端左侧导航栏做法
移动端左侧导航栏效果如何做 大概思路就是设导航栏盒子为固定定位 fixed，初始宽度设为0，点击打开按钮调用函数设置宽度为有效值 具体步骤下面代码有解释 <!DOCTYPE html> <html...
