作者： admin

导航条hover时，用css解决中英文互换

导航条默认为“英文”显示，鼠标hover的时候变为“中文”显示。如下图所示

利用display的block和none进行切换显示

<!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 type=”text/css”>

*{ margin:0;padding:0}

ul,li{ list-style:none}

a{text-decoration:none}

em{ font-style:normal;}

.box{ width:1000px; margin:30px auto; height:50px; background:#000; border-bottom:4px solid #f00;}

.nav{ height:50px;line-height:50px; margin-left:30px;}

.nav li{ width:100px; float:left; text-align:center;text-algin:center;}

.nav li a{ color:#fff; display:block;}

.nav li a span{ display:none}

.nav li a:hover{ background:#f00;}

.nav li a:hover span{display:block;}

.nav li a:hover em{display:none;}

</style>

</head>

<body>

<div class=”box”>

<ul class=”nav”>

<li><a href=”#”><span>首页</span><em>index</em></a></li>

<li><a href=”#”><span>产品</span><em>product</em></a></li>

<li><a href=”#”><span>联系我们</span><em>contact</em></a></li>

<li><a href=”#”><span>关于我们</span><em>about</em></a></li>

<li><a href=”#”><span>新闻资讯</span><em>news</em></a></li>

<li><a href=”#”><span>网站地图</span><em>site</em></a></li>

</ul>

</div>

</body>

</html>

2015年5月6日
百度空间关闭咯

百度空间要关闭咯，关闭咯。最近喜欢了说“咯”这个字，感觉把它坠在句尾，既表现的自己对什么事情不确定是疑问，是感叹，是隐秘的知道别人不知道的小神奇。好像差不多大概也许左右。

是什么时候，开始喜欢的呢？

鼓着眼睛说，我不知道咯。~

空间关闭就要搬家，搬家真的像搬家，搬了空间换了模板，你这个空间的好友是否还在？是否直接不再写。坚持一样点滴的事情难又易。难的是天天要坚持，易的是仅仅些许的文字点滴，不费心，不费大把的时间。

昨天突然跟个网友尘聊天，说看到我那么多文字，我左右翻了存档，暗自得意其实我还有好多设置的只准自己看的呢。翻阅翻阅，喜不自禁。写了好多篇不错哟~

又及看到以前09年关注的一个大学学长的新浪博客，发现他早就搬家了。自建了自己的博客。里面全是关于游戏开发和只言片语的随笔。不过到了去年12月份就没有在更新，就觉得可惜。是不是也像我去年进行了封闭开发了若干月。不过看浏览文章的记录也许就是一般三五人。不过这三五人也会猜测怎么还不更新呢。

写东西都是取悦自己和发泄自己。若得意外赞许，也是十分欢喜。

以后我的绀珠集标签都会没有了。

特贴空间写的面对百度写的东西

谢谢啊，百度空间您终于把自己给搞死了

谢谢啊百度空间您终于把自己给搞死了，报了我的十五级绿豆蛙之仇！绿豆蛙小天使你走的可以欣慰了

玩死空间，一步一步的 step by step

从我空间养的宠物绿豆蛙突然被灭掉弄消失，连个提示都没有！！

后来，玩的开心农场阳光牧场，突然关闭。弹个理由也没有给，直接断掉接口！！

再后来，强制必须要升级，搞了个什么轻博客，学人家网易和点点，导致大批人走，还要求自己手动导出数据传出数据，不能自定义模板用自己的图片，一批图片摄影空间全部溃散。自己的主页面，点击就是死链接，no find，我勒个去~~~

再再后来，批量博客导出，同步分享微博人人网功能接口也关闭掉了，就开始没兴趣了。

最后找进入百度空间的接口都找不见了，得进入第五级页面才能找到空间。。。。。我还是在执着的找入口。。。

http://hi.baidu.com/constraint19 我的6年记忆~~~

ok，现在终于提到自己玩死了空间。

国民性=过敏性嘿嘿

2015年4月23日
flex弹性盒子
概述

UI3.0使用弹性盒子对页面进行布局，ui-box.css中就定义了弹性盒子的一些css3样式，弹性盒子模型是在指定大小的父容器里来为子元素分配空间，使用box架构可以更容易更方便的适配不同分辨率不同屏幕尺寸的手机

CSS Variables

Box架构

定义：
ub……
说明：
使用box弹性盒子模式对页面进行布局
例子：
ub定义元素的display属性为box。那么子元素就可以根据我们定义的比例来分配元素的空间，ub一般跟ub-f[1-4]搭配着使用

Box架构元素空间大小分配比例

定义：
ub-f……
说明：
定义不同的box-flex属性值
类别使用数字编号，定义不同的元素空间大小分配比例
例子：

ub-f1数字编号为1；定义box-flex：1
ub-f1数字编号为2；定义box-flex：2
ub-f1数字编号为3；定义box-flex：3
ub-f1数字编号为4；定义box-flex：4
ub-f[1-4]和ub搭配着使用

解析：
1、若子元素都使用ub-f1，那么子元素等比例的分配父元素的空间大小
1. <div class='ub c-gra uba b-bla umh5'>
2. <div class='ub-f1 sc-bg-alert'></div>
3. <div class='ub-f1 bc-head'></div>
4. </div>
2、若子元素一个用ub-f1，另外一个用ub-f2.，那么子元素按照1：2的比例分配父元素的空间大小
1. <div class='ub c-gra uba b-bla umh5'>
2. <div class='ub-f1 sc-bg-alert'></div>
3. <div class='ub-f2 bc-head'></div>
4. </div>
3、若子元素分别使用ub-f1，ub-f2，ub-f3，那么子元素会按照1：2：3的比例分配父元素的空间大小
1. <div class='ub c-gra uba b-bla umh5'>
2. <div class='ub-f1 sc-bg-alert'></div>
3. <div class='ub-f2 bc-head'></div>
4. <div class='ub-f3 sc-bg-active'></div>
5. </div>
4、若子元素中只有一个使用ub-f1，另外一个元素根据内容的多少定义大小，那么使用ub-f1的元素会自动适配元素的剩余空间大小
1. <div class='ub c-gra uba b-bla umh5'>
2. <div class='sc-bg-alert'>内容</div>
3. <div class='ub-f1 bc-head'></div>
4. </div>
ub-f[1-4]和ub搭配着使用
场景：
1. <div class='uba b-gra c-wh us uc-a '>
2. <div ontouchstart='zy_touch('btn-act')' class='uc-t ubb ub b-gra t-bla ub-ac lis umh4'>
3. <div class='ub-f1 ut-s'>设置</div>
4. <div class='tx-r t-blu ulev-1'>Old Phone</div>
5. <div class='res8 lis-sw ub-img'></div>
6. </div>
7. <div ontouchstart='zy_touch('btn-act')' class=' ub ubb b-gra t-bla ub-ac lis umh4'>
8. <div class='ub-f1 ut-s'>设置</div>
9. <div class='tx-r t-blu ulev-1'>Old Phone</div>
10. <div class='res8 lis-sw ub-img'></div>
11. </div>
12. <div ontouchstart='zy_touch('btn-act')' class='uc-b ub t-bla ub-ac lis umh4'>
13. <div class='ub-f1 ut-s'>设置</div>
14. <div class='tx-r t-blu ulev-1'>Old Phone</div>
15. <div class='res8 lis-sw ub-img'></div>
16. </div>
17. </div>
图例：

Box架构元素垂直方向的位置排列

定义：
ub-ac，ub-ae……
说明：

ub-ac：垂直居中
ub-ae：位于底边
只有跟ub搭配着使用ub-ac，ub-ae的作用才生效

例子：
1、未使用ub-ac，ub-ae
1. <div class='ub uinn umh4 uba b-gra uc-a'>
2. <div class='ub-f1'>内容</div>
3. <div class='res8 lis-sw ub-img'></div>
4. </div>
2、使用ub-ac
1. <div class='ub uinn umh4 uba b-gra uc-a ub-ac'>
2. <div class='ub-f1'>内容</div>
3. <div class='res8 lis-sw ub-img'></div>
4. </div>
3、使用ub-ae
1. <div class='ub uinn umh4 uba b-gra uc-a ub-ae'>
2. <div class='ub-f1'>内容</div>
3. <div class='res8 lis-sw ub-img'></div>
4. </div>
场景：
1. <div class='uba b-gra c-wh us uc-a '>
2. <div ontouchstart='zy_touch('btn-act')' class='uc-t ubb ub b-gra t-bla ub-ac lis'>
3. <div class='lis-icon ub-img im'></div>
4. <div class='ub-f1 ut-s'>设置</div>
5. <div class='tx-r t-blu ulev-1'>Old Phone</div>
6. <div class='res8 lis-sw ub-img'>></div>
7. </div>
8. <div ontouchstart='zy_touch('btn-act')' class=' ub ubb b-grat-bla ub-ac lis'>
9. <div class='lis-icon ub-img im'></div>
10. <div class='ub-f1 ut-s'>设置</div>
11. <div class='tx-r t-blu ulev-1'>Old Phone</div>
12. <div class='res8 lis-sw ub-img'></div>
13. </div>
14. <div ontouchstart='zy_touch('btn-act')' class='uc-b ub t-bla ub-ac lis'>
15. <div class='lis-icon ub-img im'></div>
16. <div class='ub-f1 ut-s'>设置</div>
17. <div class='tx-r t-blu ulev-1'>Old Phone</div>
18. <div class='res8 lis-sw ub-img'></div>
19. </div>
20. </div>
图例：

Box架构元素水平方向的位置排列

定义：
ub-pc，ub-pe，ub-pj……
说明：

ub-pc：水平居中
ub-pe：位于末尾
ub-pj：两端对齐
只有跟ub搭配着使用ub-pc，ub-pe，ub-pj的作用才生效

例子：
1、未使用ub-pc，ub-pe，ub-pj
1. <div class='uinn2 c-gra ub'> <div class='umh5 umw3 sc-bg-alert'></div>
2. <div class='umh5 umw3 bc-head'></div>
3. <div class='umh5 umw3 sc-bg-active'></div>
4. </div>
2、使用ub-pc
1. <div class='uinn2 c-gra ub-pc ub uba b-bla'>
2. <div class='umh5 umw3 sc-bg-alert'></div>
3. <div class='umh5 umw3 bc-head'></div>
4. <div class='umh5 umw3 sc-bg-active'></div>
5. </div>
3、使用ub-pe
1. <div class='uinn2 c-gra ub-pe ub uba b-bla'>
2. <div class='umh5 umw3 sc-bg-alert'></div>
3. <div class='umh5 umw3 bc-head'></div>
4. <div class='umh5 umw3 sc-bg-active'></div>
5. </div>
4、使用ub-pj
1. <div class='uinn2 c-gra ub-pj ub uba b-bla'>
2. <div class='umh5 umw3 sc-bg-alert'></div>
3. <div class='umh5 umw3 bc-head'></div>
4. <div class='umh5 umw3 sc-bg-active'></div>
5. </div>
Box架构元素垂直排列

定义：
ub-ver….
说明：
ub-ver：定义元素垂直排列
只有跟ub搭配着使用ub-ver的作用才生效
例子：
1、未使用ub-ver
1. <div class='uinn2 c-gra ub uba b-bla'>
2. <div class='umh5 umw3 sc-bg-alert'></div>
3. <div class='umh5 umw3 bc-head'></div>
4. <div class='umh5 umw3 sc-bg-active'></div>
5. </div>
2、使用ub-ver
1. <div class='uinn2 c-gra ub ub-ver uba b-bla'>
2. <div class='umh5 umw3 sc-bg-alert'></div>
3. <div class='umh5 umw3 bc-head'></div>
4. <div class='umh5 umw3 sc-bg-active'></div>
5. </div>
Box架构元素排列方向

定义：
ub-rev……
说明：
ub-rev：定义元素排列方向
只有跟ub搭配着使用ub-rev的作用才生效
例子：
1、未使用ub-rev
1. <div class='uinn2 c-gra ub uba b-bla'>
2. <div class='umh5 umw3 sc-bg-alert'></div>
3. <div class='umh5 umw3 bc-head'></div>
4. <div class='umh5 umw3 sc-bg-active'></div>
5. </div>
2、使用ub-rev
1. <div class='uinn2 c-gra ub ub-rev uba b-bla'>
2. <div class='umh5 umw3 sc-bg-alert'></div>
3. <div class='umh5 umw3 bc-head'></div>
4. <div class='umh5 umw3 sc-bg-active'></div>
5. </div>
Box架构实现横向滑动效果

定义：
ub-fh……
说明：
在box架构中ub-fh一般跟函数zyFlip（）搭配着使用实现横向滑动效果

Box架构实现纵向滑动效果

定义：
ub-fv……
说明：
在box架构中ub-fv一般跟函数iScroll（）搭配着使用实现纵向滑动效果

背景图片类别

定义：
ub-img[类别]……
说明：
前缀为ub-img
类别为数字编号，用于定义不同的背景排列方式
例子：

ub-img类别为空，定义将背景图像等比缩放到宽度或高度与容器的宽度或高度相等，背景图像始终包含在容器内
ub-img1类别为1，定义将背景图片等比例缩放到完全覆盖容器，背景图像有可能超过容器
ub-img2类别为2，定义背景图像横向平铺
ub-img3类别为3，定义背景图像纵向平铺
ub-img4类别为4，定义背景图像横向100%，纵向自适应;
ub-img5类别为5，定义背景图像横向自适应，纵向为100%
ub-img6类别为6，定义背景图像居中显示

场景：
1. <div class='uba b-gra c-wh us uc-a '>
2. <div ontouchstart='zy_touch('btn-act')' class='uc-t ubb ub b-gra t-bla ub-ac lis'>
3. <div class='lis-icon ub-img im'></div>
4. <div class='ub-f1 ut-s'>设置</div>
5. <div class='tx-r t-blu ulev-1'>Old Phone</div>
6. <div class='res8 lis-sw ub-img'></div>
7. </div>
8. <div ontouchstart='zy_touch('btn-act')' class=' ub ubb b-gra t-bla ub-ac lis'>
9. <div class='lis-icon ub-img im'></div>
10. <div class='ub-f1 ut-s'>设置</div>
11. <div class='tx-r t-blu ulev-1'>Old Phone</div>
12. <div class='res8 lis-sw ub-img'></div>
13. </div>
14. <div ontouchstart='zy_touch('btn-act')' class='uc-b ub t-bla ub-ac lis'>
15. <div class='lis-icon ub-img im'></div>
16. <div class='ub-f1 ut-s'>设置</div>
17. <div class='tx-r t-blu ulev-1'>Old Phone</div>
18. <div class='res8 lis-sw ub-img'></div>
19. </div>
20. </div>
图例：

根本的就是
```
<div style="width:300px; display:-webkit-box; display:box;">
<div style="-webkit-box-flex:1.0; border:1px solid #f00;">12</div>
<div style="-webkit-box-flex:2.0; border:1px solid #000;">12</div>
</div>

<div style="width:600px; display:-webkit-box;display:box;">
<div style="-webkit-box-flex:1; border:1px solid #f00"></div>
<div style="-webkit-box-flex:2; background:#ff0"></div>
</div>
```
2015年4月3日
App内网址链接外部浏览器页面-kp appcan

function ck(yWebsite){

if (isAndroid) {

//android设备

uexWidget.loadApp(‘android.i appcanntent.action.VIEW’, ‘text/html’, yWebsite);

}

else {

//IOS设备

uexWidget.loadApp(yWebsite,null,null);

}

}

2015年3月17日
不要让自己的脑袋成为别人的跑马场

有了方向，每天努力进步一点点，每天靠近梦想一点点。

看一手的书籍。不要仅限于表面。不要看转载转载再转载。

我们必须对有可能遇到的遭遇做好准备-神秘岛

看顾好自己的身体健康和精神活跃~

前天写了三年的日记本正反面写完了。
来到北京做北漂的三年，好似写过就翻过去了，看到的电影看到人看到书，写了感想就过去了。
现在看，反而会微微笑，原来我还写过那么感性的文字和决绝的语言。
看多了，就不敢再有浅薄评判的勇气。还是做个参与者，做就好了。书写自己的人生哦~
昨天陪一个从济南过来的同学在北大转悠，转到了未名湖。说这湖也没有济南的大明湖大啊。我说是啊。这就是北大啊。感觉好奇怪我竟然真的能来北大的校园看看。
问你来北京感觉怎么样啊。我说也许就是买东西的时候觉得，这东西还不够一个月的工资的，可以敢买了。你不会知道坐你对面的同事以前有过什么牛逼的经历吧。做过的产品正在做的产品或者将要做的产品会有数亿人使用吧。

任它年华如流水，依然壮志满胸怀~

眼睛里有光，脚下有劲儿~

step by step~

2015年3月3日
回归

年假已过，开心不已。

继续做一个有趣的人，诚实的人，真实的人。

以此，继续做到养成良好的作息习惯，整洁，坚持，有趣，快乐。

学习会读诗歌，听欢快的歌曲。

可以有自己的感悟，但不可沉溺自怨自艾。

你为生存做些什么，我不关心

我想知道，你的渴求，你是否敢于梦想

你内心的渴望

你的年龄有多大，我不关心，我想知道，为了爱，为了梦，为了生机勃勃的奇遇，你是否愿意像傻瓜一样冒险

（更多…）

2015年2月27日
自动切换选项卡
//clearInterval(ID)
//setInterval(函数名，时间)setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
//oLi[i].index=i; 出现问题为“无法获取未定义或 null 引用的属性‘style’”
//达到的效果，点击前进和后退皆可
//问题点：当抛出点击箭头，直接点击onclick后，再点击箭头出现问题，回归到第一个箭头，不能从当前的地方开始。联系起来iNow和this.index
//clearInterval() 方法可取消由 setInterval() 设置的 timeout。
//clearInterval() 方法的参数必须是由 setInterval() 返回的 ID 值。语法clearInterval(id_of_setinterval)除掉, 必须要返回的数值，句柄，setInter

无标题文档
- 菜单一
- 菜单二
- 菜单三
- 菜单四
- 内容一
- 内容二
- 内容三
- 内容四
→
←
2015年2月26日
你在搞神马？！

最近，活少，且能上网，简直幸福的活蹦乱跳。那个B型性格就又开始蹦出来了（xingfengzuolang），我就知道好日子到头了，果然，下面它的发言，简直想让当事人我只想撞墙以表心塞。我以45°的角度望着公司天花板的上面少亮了一根灯管，只剩下两节亮着的灯管，依稀记得上次它出来的时候，我把踌躇意难平的时候。

“瞧瞧，最近你都在做什么啊？”

“说是要，每天晚上专注三小时，为自己的梦想加油，可你现在在做什么啊？你只完整的坚持了周一的那三个小时吧”

“若不是，这两天我一直在看，zcool，你看看你自己的作品，孤零零的三个，都三年了，从11年开始到现在你做了什么，而且做会员都做了6年咧。”

“做会员，你做了六年，瞧瞧啊，你在PS联盟从09年开始，然后到了12年你给暂停了，然后wcfuns你从11年开始，到了14年你又开始暂停了，我就不提你的个人网站的这去年下半年空了那么多事做什么了（说不提，不还是提了么。。。）你知道一个人的六年有几个吗？况且最重要的时候，你知道的在最年轻最有精力最最一个人的时候的时光，六年能占有多久吗？”

“亲呐。只有现在的这几年啊，你现在都25岁了，过了年都26岁了，你又不是小孩子了，当然我不是说好的品质，但是你要成熟一点，嗯，我知道你在考虑且进行理财中，这也算是好的意见。那种强烈的渴望和对生命的追求那种火热的激情，哟多么热泪盈眶哦”

“可是亲呐，最近我又获悉，你开始研究哲学，我-勒-个-擦！！！你在搞笑吗！！！好吧我知道你开始说什么，哲学不是一般人能够学到的，但也许我们可以学习如何以哲学的的方式思考。。。”

“天，我这不知道该说些什么，现在就是以前的选择，现在的选择是未来的走向，儒家和上帝都说选择的自由，选择的重要性，可是！你写在床头上的字帖，你有没有好好念念啊，你现在又开始看什么小说豪门重生，捂脸(*/ω＼*)我真的不好意思说你了，你看看下面留言都是在准备写作业，考试的初中生高中生啊！你是不是学生时代没看过言情啊，现在还在看，好吧，你能不能看个逻辑型高级的啊！！！！！？？？挥手，去吧，你还是把你的剩下的一本福尔摩斯看完吧。。”

“既然出来，就得碎碎念全了，握拳，重整士气，接着念！你每天早上都卡着点上班，你是不想上班呢，还是不想准时呢？！你要想想这个问题，如果不想上班，那就辞职换工作，如果嫌弃距离家太远，那就换公司，如果！！你仅仅是因为自己不想起，懒惰，那么你自己来解决吧”

“还有啊，你的QQ上面签名总是写着step by step 写了多久了也得又五年了吧，你到底坚持了什么啊，还是仅仅是个练习语句啊，我再说啊，一百张白纸摞起来，跟复利折叠展开的白纸，是完全不一样的壮观啊！月球到地球的距离，一个国家都产不出来的粮食啊！”

“不戳戳你，你还就真趴在被子里面不出来了，还不想面对现实，还不想面对失去的和得到的，还想告诉自己休息休息，你现在都给我休息将近三个月了吧。别给我屁股对着我，面对我，嘀咕什么？！你说工作，我知道你在说前一段时间你工作加班很严重，但是，你的精神可是没有加班哟，你当时看小说还是坚持的哦，只是这其他的思考你可都是封闭了，现在有了时间，我看你摇头摆尾准备转圈溜达，就是不想往前走了，你是觉得后面的风景没有仔细看，还是懒得不想动了”

“别人，一说什么，你就开始想这个想那个了，你怎么不想想我呢，我这个B型性格总得跳出来袭击下你，不然你还指不定带着我跑哪儿去了，然后后悔了，再把我提溜出来，什么不是提溜，是请出来，那还不一样么。都是收拾烂摊子，擦屁股的事儿！”

“你呢，有了太多的选择，还每一个都想走，这怎么可能呢，你选择了这个就放弃了那个，你所精益求精的只有一个而已，什么？哦，你说列奥纳多·达·芬奇，除了是画家，他还是雕刻家、建筑师、音乐家、数学家、工程师、发明家、解剖学家、地质学家、制图师，植物学家和作家。可是！人家那都是所有的精通啊，你有力量也可以全部精通啊，那得有饱满的精神头和好奇心，你瞧瞧你哦，上个班都要迟到了哦，你还关注着什么早睡美容，敷面膜，当然我现在都不清楚，你总是定一些规则，难道你定规则的意义就是为了打破规则吗？你这些坚持了一两次的行为到底有什么意义？！”

“不是小孩子了，君子立长志，小人常立志，想想你真正想要的吧，我就不说什么，对于一只盲目的船来说，所有方向的风都是逆风了。好吧我已经说完了哈”

“习惯，养成好的习惯”

————————————————————————————–

我的B型性格来说教了，虽然一股脑的全说出来了，不过也是有所神经的。。。(ˇˍˇ）

2015年1月21日

条件注释判断浏览器

<!–[if !IE]><!–> 除IE外都可识别 <!–<![endif]–>
<!–[if IE]> 所有的IE可识别 <![endif]–>
<!–[if IE 6]> 仅IE6可识别 <![endif]–>
<!–[if lt IE 6]> IE6以及IE6以下版本可识别 <![endif]–>
<!–[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]–>
<!–[if IE 7]> 仅IE7可识别 <![endif]–>
<!–[if lt IE 7]> IE7以及IE7以下版本可识别 <![endif]–>
<!–[if gte IE 7]> IE7以及IE7以上版本可识别 <![endif]–>
<!–[if IE 8]> 仅IE8可识别 <![endif]–>
<!–[if IE 9]> 仅IE9可识别 <![endif]–>

项目	范例	说明
!	[if !IE]	The NOT operator. This is placed immediately in front of the feature, operator, or subexpression to reverse the Boolean meaning of the expression. NOT运算符。这是摆立即在前面的功能，操作员，或子表达式扭转布尔表达式的意义。
lt	[if lt IE 5.5]	The less-than operator. Returns true if the first argument is less than the second argument. 小于运算符。如果第一个参数小于第二个参数，则返回true。
lte	[if lte IE 6]	The less-than or equal operator. Returns true if the first argument is less than or equal to the second argument. 小于或等于运算。如果第一个参数是小于或等于第二个参数，则返回true。
gt	[if gt IE 5]	The greater-than operator. Returns true if the first argument is greater than the second argument. 大于运算符。如果第一个参数大于第二个参数，则返回true。
gte	[if gte IE 7]	The greater-than or equal operator. Returns true if the first argument is greater than or equal to the second argument. 大于或等于运算。如果第一个参数是大于或等于第二个参数，则返回true。
( )	[if !(IE 7)]	Subexpression operators. Used in conjunction with boolean operators to create more complex expressions. 子表达式运营商。在与布尔运算符用于创建更复杂的表达式。
&	[if (gt IE 5)&(lt IE 7)]	The AND operator. Returns true if all subexpressions evaluate to true AND运算符。如果所有的子表达式计算结果为true，返回true
\|	[if (IE 6)\|(IE 7)]	The OR operator. Returns true if any of the subexpressions evaluates to true. OR运算符。返回true，如果子表达式计算结果为true。

<!–[if lt IE 9]>
加载CSS1
<!–[else]>
加载CSS2
<![endif]–>

这样有效是有效,但是用HTML VALIDATOR里,报错,因为这个不符合XHTML 1.1的规范,
如果把ELSE语句去掉,则正确.

方法1：

加载CSS2
<!–[if lt IE 9]>
加载CSS1(可以把要重写的写在这里).
<![endif]–>

2015年1月5日

念书都念到狗肚子里去了

念书都念到狗肚子里去了。愈发倒退，不忍直视。

前日组长说我需要加强团队精神，不能仅仅就解决自己手里的活，需要效率高，不然总可以避免的加班，也免不得因我而加班。

室友也说为何你所在公司都会加班呢？

我独自思索，走路取快件也在思索。

总算被我想出来了一些。

1·松懈自己了，总觉得做好手头的就好了

2·太过听从周边，把自己忙的团团转，自己的事情没有认真仔细的完成

3·把自己的生活太过压缩了，我的日志都好久没有写字了。

4·小说我是不打算戒掉的，我以后是要写小说的，是作家呢。我还要持之以恒的写字呢。

现在的工作是我的助力，我需要这份工作，我要认真以待之。这个公司的情况比我以前遇到的各种公司的情况，都要复杂，也许是因为我做的是外包，在这里面更能清晰的比较异同点。有好的，和不好的，以后这将都成为我自己的写作素材积累。

向KP学习对待技术的钻研和处理事情的耐心。

向YM学习和声细语，

当然我自己的诚实和认真也是继续保持的，哈哈哈

睡觉，明天又是，哦不今天就是冬至了，冬至快乐~ 吃饺子咯~ 快乐一周开始了，等待元旦去和老爸老妈集合去看海~

第一次看大海，有种很期待的感觉~ 甘巴里~

2014年12月22日

作者： admin

概述

CSS Variables

Box架构

Box架构元素空间大小分配比例

Box架构元素垂直方向的位置排列

Box架构元素水平方向的位置排列

Box架构元素垂直排列

Box架构元素排列方向

Box架构实现横向滑动效果

Box架构实现纵向滑动效果

背景图片类别