说明：
一个jQuery版的倒计时特效代码。提取自金山快盘15G实用型空间一年期10元的活动。代码下载地址在文末。
效果：
[本地演示(图片版)] [本地演示(文字版)]
代码：
<style>
/* 文字版的倒计时可以删除这些样式，文字版在示例中不需要样式 */
.count-down{
position: absolute;
top: 45px;
left: 20px;
}
.count-down span{
display: inline-block;
*display: inline;
*zoom: 1;
width: 32px;
he...
分类为 前端 的文章：
效果：
多广告不冲突、随滚动条移动（一直显示在可视区域）。
floatAD.js
/**
* 漂浮广告，兼容IE
* 用法：<div id="gg1" style="width:100px;height:100px;background-color:red;color:yellow"> 广告1 </div>
* <script type="text/javascript">var ad1=new AdMove("gg1");ad1.Run();</script>
* 整理：13:12 2013年7月4日 星期四
*/
fu...
获取浏览器地址栏URL中的某个参数值。
function getParam(paramName){
paramValue = "";
isFound = false;
if (this.location.search.indexOf("?") == 0 && this.location.search.indexOf("=")>1){
arrSource = unescape(this.location.search).substring(1,this.location.search.length).split("&");
i = 0;
while (i < arrSource.length &&a...
import CryptoJS from 'crypto-js';
export const encrypt = (string) => {
let password = process.env.APP_KEY;
var key = CryptoJS.enc.Utf8.parse(password);
var option = { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7 };
var encrypted = CryptoJS.DES.encrypt(string, key, option);
return CryptoJS.enc.Base64.stringify(encrypted.ciphertext);
};
export const de...
网上有人说为中文或E文添加span标签或添加class然后单独定义样式。
其实，办法很简单：
在 font-family 里将E文字体写到前边即可：
body {
font-family:Corbel,Georgia,"微软雅黑";
}
浏览器会根据顺序为文字选择字体，如果字体中没有这个字符（比如中文），就会去下一个字体中寻找（E文字体中是没有中文字体的）。
效果：
说明：
做网站前端朋友们都知道，用户浏览网站时，网页上的字体是客户电脑上的的。如果说网站使用了用户电脑所没有安装的字体，那预期的效果就没有了，浏览器将会使用电脑默认的字体来显示页面，比如“宋体”。
其实使用用户电脑上没有的字体还是有解决办法的。比如以下两种：
方法1：
准备好字体文件（需要制作几种不同的格式），放置到服务器上，再用 CSS 的方法把字体加载到网页中，这样，即使用户电脑中没有某一种字体，也可...
目前，文字信息仍是网站最主要的内容，随着CSS3技术的不断成熟，Web字体逐渐成为话题，这项让未来Web更加丰富多彩的技术拥有多种实现方案，其中之一是通过@font-face属性在网页中嵌入自定义字体，主流的浏览器都支持这项技术，本文介绍主要的几种Web字体格式及各浏览器兼容情况。
Web字体格式介绍
TrueType (.ttf)
Windows和Mac系统最常用的字体格式，其最大的特点就是它是由一种数学模式来进行定义的基于轮廓技术的字体，这使...
注：中文的话除了“黑体宋体楷体”也就“雅黑”可选了，以下是英文的几个可用字体（蓝色标注的是本站推荐使用）。另，本文偏重Windows系统。
所有平台都预装的字体，被称为“安全字体”，因为它可以保证所有用户的视觉效果是一样的。字体安全即从安全字体的使用中说起！！
在Web编码中，CSS默认应用的Web字体是有限的，虽然在新版本的CSS3，我们可以通过新增的@font-face属性来引入特殊的浏览器加载字体。但多数情况下，考虑各个因素...
我们在使用CSS对网页元素定义样式时经常会遇到这种情况：要对一般元素应用一般样式，然后在更特殊的元素上覆盖它们。那么我们怎么样来保证我们所新定义的元素样式能覆盖目标元素上原有的样式呢？
在CSS中，会根据选择器的特殊性来决定所定义的样式规则的次序，具有更特殊选择器的规则优先于具有一般选择器的规则，如果两个规则的特殊性相同，那么后定义的规则优先。
那么，又怎么来计算选择器的特殊性呢？下面这张图介绍了特殊...
js获取本地即将上传文件的大小：
<input type="file" onchange="fileChange(this);" />
<script type="text/javascript">
var isIE = /msie/i.test(navigator.userAgent) && !window.opera;
function fileChange(target) {
var fileSize = 0;
if (isIE && !target.files) {
var filePath = target.value;
var fileSystem = new ActiveXObject("...
提到图片，我们不得不从位图开始说起，位图图像(bitmap)，也称为点阵图像或绘制图像，是由称作像素(图片元素)的单个点组成的。这些点可以进行不同的排列和染色以构成一副图片。当放大位图时，可以看见赖以构成整个图像的无数单个方块。
常见的格式中JPG、PNG、GIF亦属于位图，所以它们的数据结构大致相同，只是每一种图片格式都有不同的压缩算法，不同的扫描方式，但是优化的方法都有一个共同点，都是围绕着每个像素颜色值来下...
什么是扁平化设计？
在实际当中，扁平化设计一词所指的是抛弃那些已经流行多年的渐变、阴影、高光等拟真视觉效果，从而打造出一种看上去更“平”的界面。扁平风格的一个优势就在于它可以更加简单直接的将信息和事物的工作方式展示出来，减少认知障碍的产生。
随着网站和应用程序在许多平台涵盖了越来越多不同的屏幕尺寸，创建多个屏幕尺寸和分辨率的skeuomorphic设计既繁琐又费时。设计正朝着更加扁平化的设计，你可以一次保证在...
