Category: 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″ />” 学习的同时顺便鄙视一下。
针对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; color:#f60\9; +color:#00FF00; _color:#0000FF; } 从左到右分别对应 FF,IE8 IE7 IE6
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; i < pairs.length; i++) { var pos = pairs[i].indexOf('='); // Look for "name=value" if (pos == -1) continue; // If not found, skip var argname…
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’ 可替代的背景颜色使用。 bgColor : background color (The default background color is white).背景颜色（默认背景颜色为白色）。 hoverColor : background color when you hover a mouse over a row. The default…
URL Redirect 网址重定向的方法
在将网站更换成新网址的情况下，可能会在旧网址上使用到一些『转导网址』的方法，以便将原本的使用者及其流量引导到新的网址去。 以下整理、讨论到几种转导(Redirect)网址的技术方法，并且探讨该方法对 SEO 的影响： 1. 使用 HTTP 通讯协议 301 Moved Permanently 来完成转导网址 (永久转址) (建议使用，不会对 SEO 有不良影响) o PHP 程序范例: The document has moved here. 注1: 使用者的浏览器必须根据 HTTP header 的 Location 字段值(称做URI)来转导网址。 注2: 除非 Request Method 是 HEAD，不然服务器端回复的讯息内必须包含一短的新网址的连结(hyperlink)信息。 o ASP 程序范例: <%@ Language=VBScript %> <% Response.Status=”301 Moved Permanently” Response.AddHeader “Location”, ” http://www.yaoyingying.com/” Response.End %> The document…
jQuery 获取元素数量 length
jQuery 元素的数量 length jQuery(selecter).length 这个方法会返回一共有多少个改元素。 在实际应用中，我们可以用它来判断目标HTML对象是否存在 if(jQuery(selecter).length > 0){ // do next step }
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> </head> <body> <div id=”ticker” style=”padding:10px; background:#333333″> <!– START TICKER VER 1.0.1 –> <script src=”http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js” type=”text/javascript”></script> <script type=”text/javascript”> /* ========================================================= // jquery.innerfade.js // Datum: 2008-02-14 //…
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 by me. There are 9 different color choices, optional Gravatar display on comments, WordPress tag support on single post pages, 4 widget-ready sidebars, and a…
JavaScript可移动弹出层
点击按钮弹出层，兼容FF/IE7的可移动弹出层，弹出层可以移动，可以删除。(点击按钮，页面变灰，处于失效状态) 并把所有select标签捉住–将select设为隐藏（也可以隐藏页面所以元素），关闭弹出层select再显示出来，代码里有注释。（需要不通的效果可以根据自己需要修改） 兼容FF/IE的可移动弹出层 雅思考试托福考试SAT考试GMAT考试