前言
不是图书控的我，鬼迷心窍的一心想做一本更加真实的网络书
从来没有试过冰糖橙子的我，神魂颠倒的取了诡异的博客名
断断续续，拖拖延延的做很久，墨迹了个半成品
总而言之2011，冰糖橙子将会更加努力
目前主流的浏览器除了msie内核的几乎都能支持CSS3的属性，而过去对于页面圆角的制作有这么几种方法：背景图，滑动门，通过js叠加很多小的div构成圆角，或者4个无语义的节点贴4个脚等等。
一方面在页面中增加了很多无语意得节点，不利于SEO等种种弊端，如果用js插入也增加了大量费时DOM操作。如果页面上有几十个圆角，所消耗的时间可想而知。如今有了CSS3这套方案，可以采用多背景图很轻松地解决这个问题，或者使用border-radius。
对于Mozilla内核的我们使用私有属性-moz-border-radius，对于Webkit内核的我们采用其私有属性-webkit-border-radius，对于Opera内核的我们采用border-radius，Msie我们就用传统方案解决它。
今天我们构建一个JsHook触发方式,并按HTML5,使用自定义属性Js数据源
对于JsHook的说明：Hook仅能出现在id和class中，命名规则是j_UppCamelCase
对于Js数据源的约定：使用HTML元素的自定义属性：data-xxxxx
上面这2条可以看看 前端JavaScript相关的小Tips