博客记事本

作者:admin 日期:2009-03-31

jQuery弹出遮罩多对话框插件OverlayBox(类似thickbox)

作者:admin 日期:2010-01-26

今天网站服务器调整，网站关了一天，晚上总算能上了，发个日志透透气。

借助jQuery写了一个插件，多窗口遮罩效果。网上找了一番，比如lightbox,thickbox,jqModal,colorbox等等，做的都很不错，但唯一的局限性就是多窗口的问题，这些插件大部分都是一个弹出层遮罩，如果同时弹出几个，找了半天，没发现接口参数，于是决定自己写个，想取个名字，想来想去还是简单点：OverlayBox。

分享CSS WISH LIST

作者:admin 日期:2010-01-18

前段时间在群里有人推荐一篇博文看了一下，很不错。于是到官方看了一下PPT，这是作者写给CSS工作组的建议（Suggestions for the CSS Working Group），建议将CSS打造成一种声明式语言，利用变量和原型的方式进行扩展。

代发一前端招聘信息

作者:admin 日期:2010-01-14

大众点评网招聘前端开发人员

岗位职责：
1、参与网站前端技术开发和持续改进
2、研究最新的前端技术并应用到工作中

Tags: 前端前端招聘招聘

javascript动画缓动——tween与JQuery.easing

作者:admin 日期:2010-01-08

     把一些数学的算法引入到程序里，可以实现很漂亮的效果，利用JavaScript模拟一些曲线函数，实现一些动画缓动效果。

    使用flash的开发人员，做动画一般会用到tween，利用其数学原理，改版成了JavaScript tween效果，这里有一篇很好的文章介绍JavaScript tween算法的，分享一下：

模拟Google首页苹果掉落效果

作者:admin 日期:2010-01-05

Google经常会为节日制作专门的logo，在牛顿诞辰367周年，Google首页制作了一个苹果掉落的效果，感觉很不错，利用JQuery粗略模拟了一下，由于没有用曲线函数，效果很一般，不能准确模拟其物理特性，分享一下：查看效果。

Tags: 模拟模拟 Google首页 Google首页苹果掉落效果苹果掉落效果

利用JQuery模拟windows文件夹操作面板

作者:admin 日期:2010-01-04

以前也没太注意windows这个效果，早已经习惯了，现在发现用JavaScript可以模拟一下，于是写了一点代码。[查看效果]

本效果使用了JQuery，代码如下：

基于分层模式的不规则多边形地图切换效果

作者:admin 日期:2010-01-03

网页布局往往都是遵循横竖排列的规则，对于不规则多边形布局往往显得比较繁琐，做了一个地图的不规则图形的变换效果，查看效果。

效果基于JQuery，代码如下：

Tags: 分层分层不规则不规则多边形多边形图形图形切换切换

JQuery应用的一些代码片段

作者:admin 日期:2009-12-31

一些比较好的JQuery插件
http://app.soche8.com/show/jscoll/
http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js

Javascript结合iframe刷页面

作者:admin 日期:2009-12-30

很简单的一个小效果，利用iframe结合Javascript实现页面刷新控制，有些时候需要测试数据，免得多次按F5，仅供学习交流用。

运行查看效果：

HTML代码

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

浏览器Quirksmode(怪异模式)与CSScompat

作者:admin 日期:2009-12-17

     由于历史的原因，各个浏览器在对页面的渲染上存在差异，甚至同一浏览器在不同版本中，对页面的渲染也不同。在W3C标准出台以前，浏览器在对页面的渲染上没有统一规范，产生了差异(Quirks mode或者称为Compatibility Mode)；由于W3C标准的推出，浏览器渲染页面有了统一的标准(CSScompat或称为Strict mode也有叫做Standars mode)，这就是二者最简单的区别。

    W3C标准推出以后，浏览器都开始采纳新标准，但存在一个问题就是如何保证旧的网页还能继续浏览，在标准出来以前，很多页面都是根据旧的渲染方法编写的，如果用的标准来渲染，将导致页面显示异常。为保持浏览器渲染的兼容性，使以前的页面能够正常浏览，浏览器都保留了旧的渲染方法（如：微软的IE）。这样浏览器渲染上就产生了Quircks mode和Standars mode，两种渲染方法共存在一个浏览器上。

    那么浏览器究竟该采用哪种模式渲染呢？这就引出的DTD，既是网页的头部声明，浏览器会通过识别DTD而采用相对应的渲染模式：