各种javascript实例效果 更新为2010.07.26
新增实例：简单的原生态JavaScript缓动效果
这里收集和原创各种CSS+js实例效果。（为了工作需要和学习得更多）
1、二级菜单:
i.横向
提示：你可以先修改部分代码再运行。
- Web前端开发必备工具 更新为2009.11.8
- 各种html+CSS实例效果 更新为2009.10.16
- Web前端开发电子书 更新为2009.12.6
- 各种浏览器css hack 更新为2009.8.7
- 各种CSS bug与技巧 更新为2009.12.3
- 各种CSS+JS实例效果 更新为2009.10.24
- Web前端开发必备手册 更新中…
tudou首页图片延迟加载
经常上tudou网，发现tudou首页加载图片的功能很有意思，tudou首页从”娱乐”这个板块往下的所有视频的缩略图并不是在页面打开后就加载的，而是当用户拖动滚动条到了”娱乐”这个板块，才开始加载图片的。
这样做的好处当然是如果有用户不需要查看下面的内容，则免去了下面所有图片的请求，这对减少服务器的压力还是很有帮助的。
其实tudou的实现原理很简单，
Show more »
各种jquery实例效果
新增实例：淡入淡出选项卡，文字立体渐变；
这里收集和原创各种jquery实例效果。（为了工作需要和学习得更多）
1、仿迅雷首页视频展示
提示：你可以先修改部分代码再运行。
ps:一直想访迅雷首页那个视频展示的，今天就有时间访了一下，参考的锋利的JQuery书里面找到第四章的案例，再那案例里面增加了一点小功能。2010.7.1
Show more »
jQuery性能优化
现在越来越多的人应用jQuery了，有些同学在享受爽快淋漓coding时就将性能问题忽略了, 比如我. jquery虽在诸多的js类库中性能表现还算优秀, 但毕竟不是在用原生的javascript开发, 性能问题还是需要引起重视的.
各种jQuery技巧
收集和原创各种jQuery技巧。（为了工作需要和学习得更多）
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
1、 去除页面的右键菜单
$(function(){
$(document).bind("contextmenu",function(e){
return false;
});
});
$(document).bind("contextmenu",function(e){
return false;
});
});
javascript字符串反转
周五遇到这面试题回家做了下记录下。
提示：你可以先修改部分代码再运行。
前端工程师面试
一些前端工程师面试内容
1.Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?
2：行内元素有哪些？块级元素有哪些？CSS的盒模型？
3.CSS引入的方式有哪些? link和@import的区别是?
4.CSS选择符有哪些？哪些属性可以继承？优先级算法如何计算？内联和important哪个优先级高？
5:前端页面有哪三层构成，分别是什么？作用是什么？
6:css的基本语句构成是？
Show more »
10个javascript Frameworks 外连
google提供的10个javascript Frameworks 外连：
jquery
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
jquery UI
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script>
Chrome Frame
<script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1.0.2/CFInstall.min.js"></script>
物体碰撞反弹与圆周运动
由于自己对数学的缺陷，所以对数学之类不懂的恨敢兴趣，前几天在一个网友博客哪里看到一段代码《JS碰撞反弹与圆周运动》感觉算法很不错。之前我也再AS3动画教程里面也看见类似的算法，自己特有兴趣，就立刻转了过来自己研究研究。
1.物体碰撞反弹
提示：你可以先修改部分代码再运行。
百度2010校园招聘前端开发笔试题
1、JS主要数据类型？5分
答：主要的类型有 number、string、object 以及 Boolean 类型,其他两种类型为 null 和 undefined。
2、img的alt和title的异同？10分
答：title属性为设置该属性的元素提供建议性的信息。比如为链接添加描述性文字。
为不能显示图像、窗体或applets的用户代理（UA），alt属性用来指定替换文字。使用alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明。
3、CSS的JS调用？如font-family, -moz-border-radius 10分
答：fontFamily、MozBorderRadius
Show more »
各种jQuery插件
概述jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ，这是其它的 js 库所不及的，它兼容 CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。 jQuery 是一个快速的，简洁的 javaScript 库，使用户能更方便地处理 HTML documents、events、实现动画效果，并且方便地为网站提供 AJAX 交互。 jQuery 还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。 jQuery 能够使用户的 html 页保持代码和 html 内容分离，也就是说，不用再在 html 里面插入一堆js来调用命令了，只需定义 id 即可。今天在Kollermedia.at上发现了一篇JQuery插件列表的文章，特推荐如下。
Show more »
各种Javascript技巧
开始学JS了，开始收集技巧了，方面学习和查找。
1. 将彻底屏蔽鼠标右键
- oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
- <table border oncontextmenu=return(false)> <td>no </td></table> 可用于Table
2. 取消选取、防止复制
- <body onselectstart="return false">
- </body>
