五光十色，精彩缤纷！这就是春天的色彩。
温馨提示
建议各位朋友使用IE7以上或者非IE浏览器浏览本博客，谢谢！IE6下会严重错位滴哟！
推荐使用以下浏览器： IE8下载，Firefox下载，Opera浏览器下载，Google浏览器下载或者Safari。
Categories
备案信息
- 浙ICP备08008406号
浏览器前缀
浏览器前缀
- Firefox:-moz-box-shadow
- Safari:-webkit-box-shadow
- Opera:-o-box-shadow
- IE:-ms-box-shadow
元宵节晚上睡不着看Javascript
元宵节晚上太吵了，鞭炮声、车鸣声，响成一片，难以入睡！
好久没看Javascript，也一直没进步！
bluefish2.0 这个编辑器很好用的！bluefish本来在Linux下是一款很好的编辑器，没想到在win系统下也一样这么好用！
bluefish下载地址：http://www.bennewitz.com/bluefish/stable/binaries/win32/
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Shopping list</title>
</head>
<body>
<h1>元宵节</h1>
<p title="今天是元宵节">十五元宵节</p>
<ul id="jiemu" title="title值即将被改变！">
<li id="huadeng">花灯</li>
<li>鞭炮</li>
<li id="tangyuan">汤圆</li>
</ul>
<p>好吵啊</p>
<script type="text/javascript">
function unicac() {
var paras = document.getElementsByTagName("li");
for (var i=0; i < paras.length;i++) {
var title_text = paras[i].getAttribute("id");
if (title_text) alert(title_text);
}
}
var yuanxiao = document.getElementById("jiemu");
var change_jiemu = yuanxiao.getAttribute("title");
alert(change_jiemu);
yuanxiao.setAttribute("title","元宵节节目列表");
var change_jiemu = yuanxiao.getAttribute("title");
alert(change_jiemu);
var yx_list = document.getElementsByTagName("p");
for (var i=0; i<yx_list.length; i++) {
var yx_title = yx_list[i].getAttribute("title");
if (yx_title) {
yx_list[i].setAttribute("title","元宵节好吵，郁闷。");
alert(yx_list[i].getAttribute("title"));
}
}
</script>
<button onclick="unicac()" type="submit">submit</button>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Shopping list</title>
</head>
<body>
<h1>元宵节</h1>
<p title="今天是元宵节">十五元宵节</p>
<ul id="jiemu" title="title值即将被改变！">
<li id="huadeng">花灯</li>
<li>鞭炮</li>
<li id="tangyuan">汤圆</li>
</ul>
<p>好吵啊</p>
<script type="text/javascript">
function unicac() {
var paras = document.getElementsByTagName("li");
for (var i=0; i < paras.length;i++) {
var title_text = paras[i].getAttribute("id");
if (title_text) alert(title_text);
}
}
var yuanxiao = document.getElementById("jiemu");
var change_jiemu = yuanxiao.getAttribute("title");
alert(change_jiemu);
yuanxiao.setAttribute("title","元宵节节目列表");
var change_jiemu = yuanxiao.getAttribute("title");
alert(change_jiemu);
var yx_list = document.getElementsByTagName("p");
for (var i=0; i<yx_list.length; i++) {
var yx_title = yx_list[i].getAttribute("title");
if (yx_title) {
yx_list[i].setAttribute("title","元宵节好吵，郁闷。");
alert(yx_list[i].getAttribute("title"));
}
}
</script>
<button onclick="unicac()" type="submit">submit</button>
</body>
</html>
新的一年新的开始
过完了一个愉快的春节！新的一年开始了，刚回到杭州！难得上一下线，更新一下博客和WP的版本！升级得真快呀！
接下来是忙碌的日子，找工作找房子！希望一切都比预期的要好吧！新年快乐，一切顺利！
要回家了！
在网上订到了20号晚上回家的火车票！开始最后一周的交接工作，辞呈已经递交上去了，安安心心做完这周，就可以回家啦！估计是这个月最后一次更新博客了，因为服务器要重装，我懒得备份了！
义乌到柳州的火车票，16号和17号还得跑杭州一趟！
train ticket
我的2009年
没事总是喜欢逛大家的博客，看了MC总结了自己的2009年，感慨颇多。
是啊，不知不觉，自己又老了一岁，2009年就这样悄无声息的过去了，又一个本命年！回头想想，自己在这一年里到底都干了些什么呢？
先说工作吧，这一年里，工作基本上没什么变动，都是在修修改改，没什么新的东西出来！来了新的同事，又有老同事离开，感觉一切都那么正常。自己来现在的公司也已经第三个年头结束了，算属于第一批老员工吧，前不久又一个和我同一批进入公司的一个老同事辞职回家结婚了，感慨颇多！总的来说，工作基本上没什么变化，顺利吧，也得到一定的肯定！
再来看今年的学习收获吧，主要是学习CSS以及怎么语义化使用(X)HTML的来完成页面吧，因为自己还要做设计，其实发现三年过去了，好像设计并没有什么进展，这一点很郁闷，平时跟大家的交流与学习当中，主要都是放在了网页制作上面了，这方面学到很多东西，自己还是能够给予自己一些肯定的，并且自己也花了好多时间、精力还有金钱在这方面，一份付出，就会有一份收获！
其实，在年初的时候，自己曾经想把主要的精力放在学习Javascript上面的，后面通过一些实践证明，自己在CSS和语义话已经页面优化方面理解得还是不够透彻吧，结果又把这09年大部分的时间花在了这上面，Javascript的学习一直停滞不前，基本上没提升，在未来的2010年，一整年的时间里，希望在Javascript这方面能有一个质的飞跃吧，加油2010！
最后是生活感情
感情方面，认识了我的好女人，一个懂事的善良的女孩！从那以后，咱也是有主的人了，她是我2009年里最重要的一部分，以后将来永远都是。
2009年里也有不顺利的，那就是妈妈身体不好做了手术！在我印象当中，妈妈都是一个身体很好的人，平时感冒发烧都很少见，但是今年病到了，不过手术很顺利，现在身体也恢复了健康，祝福我妈妈一切安好！所以今年打算提前回家过年，辞呈已经交上去了，今年回家过个早年！
2009年国庆放假，先是从柳州去了南宁，然后我和我家小妮去了一趟梧州，去看了从来没见过的姨妈和表哥，还认识了小侄子。去了玉林，去了玉林师范学院，小妮说她故地重游，非常开心，其实我也是，还记得学校旁边那家粥铺的粥真的很好吃。这也是09的最开心D一件事！
2010年，先找一份工作安定下来，认识新的同事新的公司，然后还要继续学习。总之，还有很多事情等待着我去做！新的一年新的开始，也应该要有新的作为！
jQuery二级菜单
无意中逛博客，逛到了MG12的博客，看见他博客中有这样的例子，所以就顺手拔了下来，收藏之，以备用，非常感谢。
- 用jQuery实现的三种效果的二级菜单
- 普通的导航菜单
- 淡出淡入效果的导航菜单
- 滚动效果的导航菜单
无聊一下：115的网盘真的很不错！
《CSS那些事儿》—掌握网页样式与CSS布局核心技术 读后总结
《CSS那些事儿》前面的几章基本上已经看完了，写一些读书的总结，不过我文采实在太烂，总结得不好看不懂别见怪-_-！
CSS类的书比JavaScript或者PHP编程之类的书相对来说，读起来要轻松得多，程序类的书你要循序渐进的读，如果你是一个初学者的话，前面没弄明白到后面你肯定一塌糊涂，而CSS类的书我觉得并不会这样。
废话太多了，我们入正题。
正如书前言所说的，书的重点在于实例讲解，我发现这些实例大家工作中经常碰到的。没有太多的文字来讲述概念性的东西，让人读起来很舒服（编程的书我看到两页就会打瞌睡），不必花太多心思去琢磨和记住那些名词，而是让大家把更多时间去理解和体会实例，让人能够融汇贯通。
第一章简明的讲解了CSS的作用、结构、注释方法以及一些常用CSS简写方法与CSS引入页面的方法，重点讲了CSS中的几大选择符的使用以及奇妙用法。第二章则主要介绍了一款写CSS和(X)HTML的工具editplus，Firefox浏览器的一款插件Firebug，熟悉这个插件，对做前端工作的朋友非常有好处，我经常用来调试CSS，还介绍一款截图软件FastStone Capture，作者很有心！
第三章的盒模型，盒模型的计算方法(margin+border+padding+内容宽)以及IE6浮动情况下双倍margin BUG，IE的怪异渲染模式！而盒模型的计算方法是重点！
第四章讲常见的布局方式，两列顶宽、两列自适应、单列定宽单列自适应、两列等高！第四章讲的是一般门户用的比较多三列的布局方式！两章主要讲解了布局的实现方法与技巧以及这些方法的利与弊（定位、浮动与负边距实现两列布局，背景模拟、负边距、边框模拟与JS实现两列等高，三列的布局方法是在两列布局的基础上扩展开来的，我觉得认真看了前面两列布局，再看第四章的三列布局更加能融会贯通，嘿嘿！），通过总结，采用最适合自己的方法来实现自己需要的布局方式。
先总结这么多，后面的章节没有认真看完，等认真看完再以后补上！毛主席教导我们：书读三遍才有发言权。
虽然只认真看了前面的四章，但是《CSS那些事儿》这本书绝对值得购买！
最新评论