Front-end

IE8 里中英文字体高度不一样

很多时候会设置字体为“宋体”，就像下图中一开始设置的一样，这样的设置在ie8之前的浏览器都没有问题，在其他浏览器（Firefox，opera…）也都没有问题，但是在IE8里就怪了，出现下面的情况，数字，非中文字符，英文都会比中文高出一点，而且字体越大，差异越明显。我想，这或许是IE8的一个bug。 网上查了有人说可以吧中文的“宋体”写成“simsun”，我试过了，可以的。 font-family:”simsun”,serif; 后来我看了网易得做法： font-family:\5B8B\4F53,Arial Narrow,arial,serif; 这样挺好，正常了。到底是大网站 head里竟然还用这个“<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ />” 学习的同时顺便鄙视一下。

Front-end

针对IE6,IE7,IE8和firefox浏览器css hack

针对样式名 如果只让ie6看见用*html .head{color:#000;} 如果只让ie7看见用*+html .head{color:#000;} 如果只让ff看见用:root body .head{color:#000;} 如果只让ff、IE8看见用html>/**/body .head{color:#000;} 如果只是不让ie6看见用html>body .head{color:#000;} 即对IE 6无效 如果只是不让ff、IE8看见用*body .head{color:#000;}    即对ff、IE8无效 针对具体属性 如果只让ie6看见用_     .head{_color:#000;} 如果只让ie7看见用+与_结合的方法:     .head{+color:#f00;!;_color:#000;} IE8正式版hack \9″　例:”margin:0px auto\9;”.这里的”\9″可以区别所有IE8和FireFox. “*”　IE6、IE7可以识别.IE8、FireFox不能. “_”　IE6可以识别”_”,IE7、IE8、FireFox不能. 如： .a {color:#f00;     …

Front-end

Javascript 获取 URL 参数

function getArgs( ) { var args = new Object( ); var query = location.search.substring(1); // Get query string var pairs = query.split(“&”); // Break at ampersand for(var i = 0; …

Front-end

Jquery 表格上色插件

http://franca.exofire.net/jq/colorize Coloriza 是一个Jquery 插件，可以为表格的行添加背景颜色，鼠标动作后为行、列增加高亮效果。你可以为很多行、列填色，只要你愿意。再从点击已经填色的行、列就可以还原表格本色。 怎么使用？ 使用默认设置（colorizes a row） $(‘#yourTableId’).colorize() ; 其他设置和参数: altColor : alternate row background color. The default is ‘#ECF6FC’, ‘none’ can be used for no alternate background color.交替行的背景颜色。默认值为’＃ECF6FC’，’none’ …

Coding / Front-end

URL Redirect 网址重定向的方法

在将网站更换成新网址的情况下，可能会在旧网址上使用到一些『转导网址』的方法，以便将原本的使用者及其流量引导到新的网址去。 以下整理、讨论到几种转导(Redirect)网址的技术方法，并且探讨该方法对 SEO 的影响： 1. 使用 HTTP 通讯协议 301 Moved Permanently 来完成转导网址 (永久转址) (建议使用，不会对 SEO 有不良影响) o PHP 程序范例: The document has moved here. 注1: 使用者的浏览器必须根据 HTTP header 的 Location …

Coding / Front-end

jQuery 获取元素数量 length

jQuery 元素的数量 length jQuery(selecter).length 这个方法会返回一共有多少个改元素。 在实际应用中，我们可以用它来判断目标HTML对象是否存在 if(jQuery(selecter).length > 0){ // do next step }  

Coding / Front-end

JQuery 新闻头条淡入淡出效果

新闻头条淡入淡出效果 <!DOCTYPE HTML PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″> <title></title> <style> a { color:#CCCCCC} li { list-style:none;} span { padding-right:20px; color:#FFFFFF; font-weight:bold;} </style> …

Coding / Front-end

Miniml – Free WordPress Theme

Miniml – Free WordPress Theme Posted in Free Theme Releases, Ported Themes Today we have an absolute monster of a WordPress theme, designed by Nuvio Templates, and ported into WordPress …

Coding / Front-end

JavaScript可移动弹出层

点击按钮弹出层，兼容FF/IE7的可移动弹出层，弹出层可以移动，可以删除。(点击按钮，页面变灰，处于失效状态) 并把所有select标签捉住–将select设为隐藏（也可以隐藏页面所以元素），关闭弹出层select再显示出来，代码里有注释。（需要不通的效果可以根据自己需要修改） 兼容FF/IE的可移动弹出层 雅思考试托福考试SAT考试GMAT考试