2013 年 1月 2 日随笔档案 - 赵小磊

2013年1月2日

摘要： CSS中使用font-family属性引用中文字体时，经常采用三种方式定义字体：直接写中文英文别名Unicode码直接使用中文名称时，在不支持中文的系统或编码的页面就有可能会无法正常显示。如果使用Unicode码的话又不方便记忆。下面整理了常用的中文字体的英文别名，便于大家查找和使用：Windows中文名英文名宋体*SimSun黑体*SimHei微软雅黑*Microsoft YaHei微软正黑体Microsoft JhengHei新宋体NSimSun新细明体PMingLiU细明体MingLiU标楷体DFKai-SB仿宋FangSong楷体KaiTi仿宋_GB2312FangSong_GB231 阅读全文

posted @ 2013-01-02 17:48 赵小磊阅读(267) 评论(0) 推荐(0) 编辑

自适应位置的下拉菜单功能

摘要：介于工作中活动页常用到下拉菜单功能，原有的下拉JS极为不方便，故用JQ写了一个可自适应位置的下拉菜单，亮点在于下拉菜单高度及位置自动居中，还有边界判断等。[这里是DEMO地址>>]下面是核心代码:/*======================App:自适应位置的下拉菜单[扩展JQ方法]Author:DerDate:2010-10-07WebSite:http://www.ueder.net=======================*/(function($){ $.fn.setDropMenu = function(opt){ //参数整合 ... 阅读全文

posted @ 2013-01-02 17:31 赵小磊阅读(372) 评论(0) 推荐(0) 编辑

页面性能优化之内容加载优化

摘要：图片按需加载现在大部分门户或电子商务网站的产品列表页,都比较长,且图片较多,如果全部加载,通常会耗费较多时间,而且有数据表明长时间的等待页面响应会流失大部分的用户,所以此时我们就可以考虑只加载第一屏的内容,第一屏内容以外的图片按需加载,用户滚动到该屏时再加载(包括tab切换也可以考虑未显示的区域图片不加载),这样用户在不进行任何操作时,加载页面会很快.看下面的简单demo:<!DOCTYPE html><head><meta http-equiv="Content-Type" content="text/html; charset=u 阅读全文

posted @ 2013-01-02 17:08 赵小磊阅读(520) 评论(0) 推荐(0) 编辑

浮动元素的水平居中

摘要：对于页面上的块级元素，只须定宽及设置margin:0 auto;即可在水平上居中，但对于浮动的元素水平居中是无效的，一个典型的应用就是页面的分页效果了分页效果，在以往可能会采取设置inline-block，然后父容器设置text-align:center方式来实现内容居中，像如下代码：<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/h 阅读全文

posted @ 2013-01-02 17:06 赵小磊阅读(544) 评论(0) 推荐(0) 编辑

公告