前言

不是图书控的我,鬼迷心窍的一心想做一本更加真实的网络书

从来没有试过冰糖橙子的我,神魂颠倒的取了诡异的博客名

断断续续,拖拖延延的做很久,墨迹了个半成品

总而言之2011,冰糖橙子将会更加努力

目录

淘宝首页广告轮换效果插件Oslide

10 Comments

最近有朋友问我淘宝首页的广告效果是怎么做的,淘宝slide的处理细节很细心,特点就在于最后一张图片切换到第一张的时候,看上去第一张是紧紧地更随在最后一张的后面,而不是类似通常的前滚动整个的slideDiv到达第一张图片,在没有人的干预下整个的滚动的流程就类似与跑马灯一直一个方向,就不会让浏览者会注意到某个区域产生很突兀的变化而引起不适,或者中断他的浏览习惯,这一点上真佩服淘宝UED的交互设计师们。

刚好我在2010淘宝首页改版的时候就偷偷模仿了这个效果。

查看demo 下载  Oslide.0.2.0.js 下载demo-Oslide.0.2.0

Oslide

继续阅读:淘宝首页广告轮换效果插件Oslide

渐进式圆角组件

5 Comments

目前主流的浏览器除了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

4 Comments

这是博客搬家之后的第一篇文章,第一个是测试下代码高亮,主要当然是分享一下通过google获取favicon。

往往大家在添加友情链接时,喜欢配上站点的favicon,这样感觉更加的好看。如果通过手动修改不免是件分麻烦的事情,通过“哥”的favicon缓存来获取再好不过了,如果获取了就返回该站的图标,如果没有查询到就返回一个地球的图标。我用jQuery写的,至于参数O就是友情链接的节点啦

继续阅读:通过Google获取站点的Favicon

jQuery图书插件JMagazine

5 Comments

JMagazine是一个做什么的东西?

现在网络运用越来也丰富,电子杂志是一个很有趣的东西。目前网络上基本都是flash的,有不易修改和加载过慢,不利于SEO的缺点,JMagazine是一个在jQuery内库下能帮你完成一个由HTML构建图片电子杂志的插件,不仅局限于图片,同时可以对每一页配置HTML代码。
查看demo 下载JMagazine
JMagazine

因为当前版本DOM操作过于频繁,导致效率过低,这一严重问题我会在空余时间修复它。

继续阅读:jQuery图书插件JMagazine

iGoogle主题-迷失自我

No Comments>>

嘿嘿,用了胡老师的画,做一个igoogle的主题,我对那几幅画很是喜欢,简约的铅笔画,给人很舒服的感觉。igoogle的主题制作倒是相当的简单,主要都是PS下面完成,这个比赛作品耗时1天,嘿嘿算是比较偷懒的了。

迷失自我

继续阅读:iGoogle主题-迷失自我

iGoogle小工具lottery

1 Comment

今天是igoogle创新设计大赛最后一天,还好及时的上传的小工具,这个小工具正如其名lottery,主题就是彩票,主要功能就是票友分享一些心得,能够查看近期的彩票中奖号码,以及能够绘出近期的号码走势图,以及绘制出近期的号码概率分布图。

lottery

继续阅读:iGoogle小工具lottery

<<PREV NEXT>>
/22
/22
目录
阅读设置

书本模式 传统模式

开启 关闭

开启 关闭