目录
- 前言1
- 目录2
- Chrome扩展fight look 3
- 生活-你不得不相信他的巧合 4
- 光之四战士 算十点计算器 5
- 差异化兼容FF的网页变灰 6
- 淘宝首页广告轮换效果插件Oslide 7
- 颈部保健操 8
- 渐进式圆角组件 9
- 通过Google获取站点的Favicon 10
不是图书控的我,鬼迷心窍的一心想做一本更加真实的网络书
从来没有试过冰糖橙子的我,神魂颠倒的取了诡异的博客名
断断续续,拖拖延延的做很久,墨迹了个半成品
总而言之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
这是博客搬家之后的第一篇文章,第一个是测试下代码高亮,主要当然是分享一下通过google获取favicon。
往往大家在添加友情链接时,喜欢配上站点的favicon,这样感觉更加的好看。如果通过手动修改不免是件分麻烦的事情,通过“哥”的favicon缓存来获取再好不过了,如果获取了就返回该站的图标,如果没有查询到就返回一个地球的图标。我用jQuery写的,至于参数O就是友情链接的节点啦