导航栏吸顶简单代码的教程记录
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(框架)于2006年1月由John Resig发布。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少...
padding和border宽度导致子元素超过父元素的解决方法
在 CSS 盒子模型的默认定义里,对一个元素所设置的 width 与 height 只会应用到这个元素的内容区。如果这个元素有任何的 border 或 padding ,绘制到屏幕上时的盒子宽度和高度会加上设置的...
CSS代码的优化小技巧,提高加载速度
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页...
CSS3控制图片自适应屏幕大小和居中显示的代码教程
做网站之后,我们会在网站后台发布很多新闻或文章。文章里会插入一些图片,由于图片尺寸不一样,会出现图片超过宽度的问题。特别是制作手机网站时,更容出现这种情况。如何通过CSS3来一次性...
系统运维中常用的指令及快捷键集合
系统维护中经常使用的一些指令,其中涵盖了linux、Unix、CentOS、Ubuntu 等操作系统的操作。
文件&目录
# cd /home //进入 '/home' 目录
# cd .. //返回上一级目录
# cd ...
Ubuntu系统重置root用户密码的方法
假设此前已通过 su passwd 设置过 root 用户的密码,但后续因某些原因忘记 root 密码,导致无法正常使用。
在此情况下,要找回 root 用户的密码,只能通过利用主机开机的时候进入 GRUP ...
WordPress网站底部添加显示加载耗时文字的代码
只需要简单两串代码就可以在网站底部添加页面的加载时长,SQL查询次数以及内存占用,因为我个人认为用处不大,有需要想折腾的朋友可以折腾一下。
将下面代码放入 functions.php 文件中:...
网站logo忽闪忽闪效果代码教程
网站logo有忽闪忽闪效果,以下是css代码分享,需要的朋友可自取。
/*忽闪忽闪开始*/
.header-logo {position:relative;float:left;margin-right:10px;padding:5px 0;overflow: hidden;}
...
网站底部显示当前时间的代码,放到想要显示的地方
代码:
<span id=localtime></span><script type="text/javascript">function showLocale(objD)
{var str,colorhead,colorfoot;var yy = objD.getYear();
if(yy<1900) yy = ...
macbook air的使用教程
最近入手了macbook air的乞丐版,也想体验一下苹果的操作系统,刚开始不是很习惯,于是去搜索各种教程,简单的操作已经适应了。记录一下使用教程:
快捷键
Command 加空格 快速查找电...
PHP 脚本中的运算符汇总
PHP 算数运算符
PHP 赋值运算符
PHP 赋值运算符用于向变量写值。PHP 中基础的赋值运算符是 “=”。这意味着右侧赋值表达式会为左侧运算数设置值。
PHP 字符串运算符
...
HTML常用标签的语法和属性
HTML网页的基本结构
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>网页的标题</title>
<...
网页中JavaScript的书写位置
1.写在行内
<input type="button" value="按钮" onclick="alert('Hello World')" />
2.写在script标签中
<head> <script> alert('Hello World!'); </script>...
css实现背景颜色渐变的代码
语法:
background: linear-gradient(渐变的起始位置, 起始颜色, 结束颜色);
background:-webkit-linear-gradient(渐变的起始位置, 颜色 位置, 颜色位置....);
代码1:
backg...
js打印输出99乘法表的代码
js输出随机数
//生成10到100之间的随机整数
var min=10;
var max=100;
console.log(parseInt(Math.random()*(max - min)+min));
js打印输出99乘法表的代码
<!DOCTYPE html>
<...