Follow me on GitHub

jQuery实现背景图填满屏幕的代码

拾贝电台是一个收集了众多优秀电台资源的广播频道聚合器,其功能模块较少,无非播放控制和播放列表等几个窗口。为了不至于留下太多的空白区域影响整体美观,设置了可拉伸的背景图片。这里把实现该效果的代码贴出:

用jQuery实现背景拉伸,自适应窗口的调整而改变大小。该段代码应该放在网页内容之前,最好是紧跟在<body>之后,这样可以避免页面加载时出现太突兀的情景。

JavaScript计算客户端浏览器窗口尺寸比较简单。第一个模块的代码做一些初步的计算,判断图像比例,浏览器宽度。

再使用jQuery来操作相应节点的CSS规则改变图片显示,以保持图像的的比例不变 适应浏览器窗口的调整。 More >

HTML5的设计[部分翻译]

又见HTML5,对HTML5功能特性、标准和概念的绍已是不绝于耳,正如被炒得如火如荼而又让人云里雾里的“云计算”概念。

不过这个演说的侧重点是html5的设计,而不是用html进行的设计。就像横空出世的大英雄,大家在对他的英雄事迹津津乐道后,总会有人想要关心英雄的身世(参考阅读:The Internet: a historical encyclopedia)。

.

More >

Web3.0之语义网

关于Web3.0的核心是什么,目前主要有两种观点:1.语义网; 2.Web IM ;下面主要介绍的是前者 语义网。 More >

jQuery插件的创建方法

一周前看到小谢发布自己的第一个jQuery插件-Xslider,对谢同学的崇敬之情顿时油然而生。于是这几天看到相关内容都留意一下,琢磨着啥时候也整一个自己的插件。要下定决心潜心研究jQuery的内部工作机制并创建一个作品 ,本身就是个不小的困难,而面对貌似不可能完成的困难,总是容易让我产生不愿向前一步的惰性,为了克服自身问题,还是按照习惯的学习方法,逆向工程学习法——张鑫旭大哥介绍了一个不错的文字信息提示插件——Colortip,就从对这个插件的研究入手结合官方教程,来认识jQuery插件的创建方法。

当然,这样的学习方法虽然容易上手能在较短时间里产出,却以牺牲规范性为代价,有很多不严谨的地方也在所难免。而在此过程中我也会将更多的精力放在插件的结构而不是功能的实现细节和最终效果上。 More >

MooTools 1.3中的屏幕触摸事件

MooTools在其最新的1.3版本中加入了一个很给力的功能——检测屏幕触摸事件:touchstarttouchmovetouchendtouchcancelgesturestartgesturechangegestureendorientationchange,使得这一Javascript框架更加完善。这篇文章就演示如何按照传统MooTools事件处理的语法,通过使用MooTools新特性来完成对移动事件的监听及响应。让移动设备用户在你的网页上完成原本只能在手机应用上进行的操作。

先看演示:必须用手机浏览器才有效果哦~.

前两个是点击屏幕产生的,后面一列是滑动产生的,电阻屏,只能记录到这些啦。。。 More >

简历制作与前端开发

一年一度的校招高峰期又到了,对于即将毕业的大学生而言这是一个残酷的季节——与近700万毕业生争工作的赛跑开始了,虽然说真正意义上的起跑已是很久以前的事,但最后的冲刺还是能弥补很多不足的。

前端工程师的工作成果将直接展现用户眼前,决定了最终的用

户体验,这个思想必须贯穿整个前端开发过程,包括制作简历 More >

移动设备浏览当前页