S主义

未经测试，先记下

if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
var IE1024="css/css01.css";
var IE800="css/css02.css";
var IE1152="css/css03.css";
var IEother="css/css04.css";
 
ScreenWidth(IE1024,IE800,IE1152,IEother)
}else{
if (window.navigator.userAgent.indexOf("Firefox")>=1)
{
file://如果浏览器为Firefox
var Firefox1024="css/css01.css";
var Firefox800="css/css02.css";
var Firefox1152="css/css03.css";
var Firefoxother="css/css04.css";
 
ScreenWidth(Firefox1024,Firefox800,Firefox1152,Firefoxother)
}else{
file://如果浏览器为其他
var Other1024="css/css01.css";
var Other800="css/css02.css";
var Other1152="css/css03.css";
var Otherother="css/css04.css";
ScreenWidth(Other1024,Other800,Other1152,Otherother)
}
}
 
function ScreenWidth(CSS1,CSS2,CSS3,CSS4){
if ((screen.width == 1024) && (screen.height == 768)){
setActiveStyleSheet(CSS1);
}else{
if ((screen.width == 800) && (screen.height == 600)){
setActiveStyleSheet(CSS2);
}else{
if ((screen.width == 1152) && (screen.height == 864)){
setActiveStyleSheet(CSS3); 
}else{
setActiveStyleSheet(CSS4);
}}}
}
 
function setActiveStyleSheet(title){ 
document.getElementsByTagName("link")[1].href=title; 
}

偶对IE的样式真是心力憔悴，本企业还是有领导用IE6浏览器，连微软都不支持的产品，在国内还这么有人气，如吾辈之流只能暗自啜泣，默默的写IE6的hack。

现在IE10的beta版本已经出来了，所以想整理一下IE各版本hack的写法，偶这个记性不好的人，老去搜索的话就太浪费时间，写在自己blog里有利于提高一点效率。

总结一下偶经常用的各种hack方式

偶一般只写一个样式文档，在同一个CSS样表文档下常见的是用如下

IE6: * html{}
IE7: *+html{}
IE8: * {width:100px\0}
IE9: :root * {width:100px\0/ie9}
IE10: 待补充

其实最好的方式还是在文档头部使用如下方式：

//非IE情况





但鉴于本办公室的软件还处在iframe时期，偶直接放弃了

今天很激动，一激动注册了个paypal买了Trillian家一年的PRO服务，也算对正版的一个小小的支持。界面真系好漂亮，全透明，界面与opera真是兄妹关系……OPERA真是不断在创新不断被抄袭，关键是Trillian拓展性很强，包罗万象，面对商用可以讲无懈可击。支持多个IM同时登陆，skype也有支撑，QQ有的功能它一个也不少，但就是不支持QQ 当然，它也可以看多个邮箱收件情况，自定义其他邮箱也么问题。功能这么强大软件体积却很亲民！软件提供facebook和twitter接入，可惜国内封网厉害，几乎是连不上的，但设置中可以为每个IM或者邮箱设置接入代理与服务器的选项，相当有用的！
目前，内存占用还没有比较过，但起码比MSN好用多，
自从2003左右开始用Trillian，现在发展越来越好，内心也不禁欢喜起来。

Jquery部分

$(document).ready( function () { 
     $("div").cssRadio(); 
     $("div").cssCheckBox(); 
}); 
jQuery.fn.cssRadio = function () { 
    $(":input[type=radio] + label").each( function(){ 
if ( $(this).prev()[0].checked ) 
                $(this).addClass("checked"); 
            }) 
        .hover( 
function() { $(this).addClass("over"); }, 
function() { $(this).removeClass("over"); } 
            ) 
        .click( function() { 
var contents = $(this).parent().parent(); /*多组控制 关键*/
            $(":input[type=radio] + label", contents).each( function() { 
                $(this).prev()[0].checked=false; 
                $(this).removeClass("checked");    
            }); 
            $(this).prev()[0].checked=true; 
             $(this).addClass("checked"); 
            }).prev().hide(); 
}; 
jQuery.fn.cssCheckBox = function () { 
    $(":input[type=checkbox] + label").each( function(){ 
if ( $(this).prev()[0].checked ) 
                {$(this).addClass("checked");}            
            }) 
        .hover( 
function() { $(this).addClass("over"); }, 
function() { $(this).removeClass("over"); } 
            ) 
        .toggle( function()  /*不能click，不然checked无法回到unchecked*/
            {                
                $(this).prev()[0].checked=true; 
                 $(this).addClass("checked"); 
            }, 
function() 
            { 
                $(this).prev()[0].checked=false; 
                 $(this).removeClass("checked"); 
            }).prev().hide();           
} 

CSS样式

#dx label {
padding-left: 26px;
background: url(RUnCheck.png) no-repeat;
}
#dx label.checked {
padding-left: 26px;
background: url(RCheck.png) no-repeat;
color: #008800;
}
#dx label.over {
color: #0000FF;
}
#tt label {
padding-left: 26px;
background: url(UnCheck.png) no-repeat;
}
#tt label.checked {
padding-left: 26px;
background: url(Check.png) no-repeat;
color: #008800;
}
#tt label.over {
color: #0000FF;
}

前台代码

<h3>Example</h3>
<form id="dx">
<P>第一组</p>
<div>
<p><input type="radio" name="radio1"/> <label>Option 1</label></p>
<p><input type="radio" name="radio1"/> <label>Option 2</label></p>
<p><input type="radio" name="radio1"/> <label>Option 3</label></p>
<p><input type="radio" name="radio1"/> <label>Option 4</label></p>
</div>
<P>第二组</p>
<div>
<p><input type="radio" name="radio2"/> <label>Option 1</label></p>
<p><input type="radio" name="radio2"/> <label>Option 2</label></p>
<p><input type="radio" name="radio2"/> <label>Option 3</label></p>
<p><input type="radio" name="radio2"/> <label>Option 4</label></p>
</div>
</form>
<div id="tt">
<p>第一组></p>
<div>
<p><input id="CheckBox1" type="checkbox"  name="clb1" /><label >Checkbox 1</label></p>
<p><input id="CheckBox2" type="checkbox"  name="clb1" /><label >Checkbox 2</label></p>
</div>
<p>第二组></p>
<div>
<p><input id="CheckBox3" type="checkbox"  name="clb2"/><label >Checkbox 3</label></p>
<p><input id="CheckBox4" type="checkbox" name="clb2"/><label >Checkbox 4</label></p>
</div>
</div>

从小吃了很多巧克力，特别钟爱包有完整杏仁的吉百利，那紫色的包装是印在偶脑海中最甜蜜的部分。
80年代后期的时候，国内还没有销售吉百利，所以拜托叔叔从香港带一些过来。拿到30块杏仁味吉百利，感觉像上了天堂，幸福得几乎快死掉。一天一块这样啃着，在嘴里完全没有甜腻的味道，完整的杏仁更是让偶欲罢不能。咬碎杏仁，杏仁油和巧克力融合，坚韧与浪漫交织，细细品来竟也能激动全身。吃完这30块之后，就再没有这样好好品尝过，巴望着什么时候国内也有吉百利销售。
终有一天，愿望实现，神圣的买下一块杏仁味的吉百利。一开包装就失望至极，没有完整的杏仁，只能说是碎屑而已，皱着眉咬下品味，竟然完全没有似曾相识的感觉。至此，我再没有对国内的吉百利有过好感，为什么会这样？

后来有人说DOVE的巧克力不错，我试着去寻找昔日的那份甜蜜，可还是败兴。广告上说的丝滑，根本是狗屁，面粉一陀，糖渣一堆，完全就是节约成本的制作方法:bomb: 怒~。搜索网上对于德芙的评价，还都是正面的，真不知道他们有没有吃过真正好的巧克力。原来屈臣士销售的黄色三角型包装的巧克力还算是上口，可惜后来没有再看到有卖。

现在偶吃巧克力的机率是越来越少，源于国内生产的国外巧克力品牌销售策略与成本挂钓，导致口味完全偏离在国外销售的。所以偶宁愿选择不吃，也不想虐待偶的舌头。