原创 北京高温，谈中暑症状及预防方法

2010年7月7日 南方 没有评论

      刚进入7月，气温就一直飙升，这两天的气温更是高得离谱，达到了40℃。气温的升高，空气的燥热，无不让人感觉在蒸桑拿的感觉。在这样的桑拿天，是很容易中暑的。特别是对于那些白天冒着烈日在逛街的人们，以及那些在户外上班的人。在这样的高温天气，就应该注意了，还是要少出门，避免长时间阳光暴晒，亦避免中暑。下边介绍一下中暑的症状以及中暑的预防方法。

  阅读全文…

分类: 北漂健康 标签:

原创 checkbox 全选 反选的实现方法

2010年6月29日 南方 1 条评论

      checkbox 默认是可以多选的。但在很多时候，我们会遇到需要对某些数据进行 批量更新 或者 批量上传 之类的操作。 这时候就要用到checkbox的全选和反选功能了。全选， 就是把多个checkbox同时选中； 反选， 就是把多个已被选中的checkbox切换到未选中状态。

     其实实现checkbox的全选和反选功能很简答，下边我们举个简答的例子说明一下：

     首先，用html定义一组checkbox表单， 代码如下：

     <form name=”customizeContentForm”>

     <checkbox name=”blockId” />

     <checkbox name=”blockId” />

     <checkbox name=”blockId” />

     <checkbox name=”blockId” />

     <input type=”button” onclick=”selectAll（true)” value=”全选”/>

     <input type=”button” onclick=”selectAll（false)” value=”反选”/>

     </form>

     这里，我们定义了4个checkbox元素和两个button元素：全选 和 反选。值得注意的是，这里我们对这些checkbox使用了相同的name：blockId. 这是我们做批处理的时候经常用到的，这样做是为了简化前台与后台的处理。 当然，用不同的name也是可以的，不过那样前后台处理就比较麻烦了。既然都可以达到相同的效果，那何不选择简单的呢？是不是？有一句话不是说：简单之美吗？哈哈，所以很多时候，我们不要把简单的问题复杂化，也算是一个程序员的历练吧。

     接下来我们要实现的是，但用户点击 “全选”  按钮的时候，所有checkbox同时被选中。 反之，当用户点击 “反选”  按钮的时候，所以按钮同时处于不选中状态。要实现这个效果，我们需要写一些js代码来实现：

     function selectAll(flag) {
if (document.customizeContentForm.blockId != null ) {
var len = document.customizeContentForm.blockId.length;
if (len > 1) {
for (var i = 0; i < len; i++) {
document.customizeContentForm.blockId[i].checked = flag;
}
}
else {
document.customizeContentForm.blockId.checked = flag;
}
}
}

     可以看到我们是通过checkbox的onclick事件来触发选中状态的，但点击 全选 按钮的时候，遍历表单中的所有checkbox，并把每个checkbox的checked属性设置为true ，这样所有的checkbox就同时被选中了。反之，把所有checkbox的checked属性设置成false，所有的checkbox就都处于不选中状态了。

     很简单吧！嘿嘿。。。。

分类: UI设计 标签:

原创 my $0.02中文意思

2010年6月28日 南方 没有评论

   头两天收到公司一封邮件，称谓处写着“ My $0.02”。咋一看整不明白什么意思，然后再百度里搜了一下“My $0.02”， 虽然没有搜到有关这个词的中文解析，但是总算是知道这家伙是啥意思了.

   My $0.02到底是什么意思呢？首先，我们看到这个词组由单词My, 美元符号$以及数字0.02这三个部分组成。英文意思：My two cents。用英语从字面意思翻译成中文就是：我的两美分。但在日常生活中，“My $0.02”被赋予了另外一种意义：我的一些见解 或者 我的两点小建议呢。一般我们什么时候使用它呢？这句话常常用来在讨论问题或者别人征求你意见的时候，以一种谦虚的方式表达自己的一些见解和建议。

   为什么说这是以一种 谦虚 的方式表达自己的意见呢？大家知道，cent(分）是美元中最小的货币单位，表示自己的意见权重很小。为什么是0.02呢？为什么不是0.01或者0.03呢？大家可以想象2是最好的，既可以多也可以少。例如我们经常听到的是：xx发表自己的2点意见，而不是1点或者3点。 可以看到，这个2代表的不仅仅是字面的2个的意思，我们可以理解为”一些“。可见这个$0.02的使用是很讲使用艺术的。My $0.02的意思是告诉大家：我有一些小小的建议，这些建议仅供大家参考，如有不对，请大家指正。如果换成My $2000， 估计收到信息的人得打起12分精神了，哈哈。再者要是某个人用My $0.12, 人家就会认为你要长篇大论了。

   My $0.02 — I like it!

分类: 北漂杂谈 标签:

原创 div不换行的实现方法

2010年6月17日 南方 没有评论

    div 标签在默认的情况下是在新的一行显示的，但是有时候我们希望div不换行。例如需要两个div在一行并排显示，那么我们该怎么做呢？其实实现这个很简单，只需要给div加上float样式就可以了。float样式可以使div浮动, 可选值是none, left,rigth; 默认值是none，表示不浮动。

    下边我们还是举个例子，看起来会直观一点。例如现在需要使两个div并排不换行显示，怎么做呢？

    首先我们先定义两个div:

<html>

<header>

<style type=”text/css”>

.zone1 {

width:300px;

height:300px;

float:left;

}

.zone1 {

width:500px;

height:300px;

float:left;

}

</style>

</header>

<body>

<div id=”zone1″>第一个div </div>

<div id=”zone2″>第二个div</div>

</body>

</html>

    大家可以看到，只须要为div增加css样式：float：left就可以了。当然根据需要有时候可能是：float：right.

float值等于left表示当前div会在左边浮动，这样div就不换行了，大家可以试一试，很实用的小技巧，嘿嘿。

分类: UI设计 标签: