Follow me on GitHub

代码发表的日志

Chrome一键“加入收藏”按钮实现代码(gears API)

在一些网站尤其是导航网站中上常常能够看到”加入收藏”、”设为首页”这样的链接,点击后就可以完成收藏本页以及更改首页操作,非常方便,也有助于提高网站的粘性。但由于各种浏览器的出现,要兼容所有浏览器越来越不容易了,目前网上翻出的代码还没见到有能够让Chrome“一键收藏”成功的。不过在前段时间开发拾贝电台应用(Chrome Webstore)的时候,发现通过调用gears API可以生成应用的桌面图标,像桌面软件的快捷方式一样方便使用,达到和加入收藏一样的效果。于是把兼容 IE6,IE7,FF 的”加入收藏”代码与之整合,实现兼容三大主流浏览器(IE、Firefox、Chrome)的“一键收藏”按钮。

实现代码:

<!-- 加入收藏代码 Start -->
function AddFavorite(sURL, sTitle) {

More >

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

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

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

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

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

10+增加iPhone网页友好性的代码段

随着移动上网的普及,越来越多的开发者转向手机网站的开发与建设中,工欲善其事,必先利其器。这里Kainy介绍的是增加iPhone网页友好性的几个代码段:

在开发网站,你必须关注不同的浏览器,以及诸如iPhone或iPod一类的移动设备。 在本文中,让我们为您介绍十几个最有用的代码片段(JavaScript的,PHP中,的CSS等)增强iPhone友好性的网页代码,提高网站速度和效率。

区分iPhone和iPod使用的JavaScript

在开发针对iPhone和iPod Touch,我们首先要做的就是区分它们,所以我们可以运用特定的代码或样式来实现。 下面的代码片断将检测到iPhone和iPod使用JavaScript,以及这些用户重定向到一个iPhone特定网页。

if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
if (document.cookie.indexOf(“iphone_redirect=false”) == -1) {
window.location = “http://m.espn.go.com/wireless/?iphone&i=COMR”;
}
}

More >

QQ在线状态 V2.0正式发布

今天收到来自:QQ在线状态项目组<wp@tencent.com>的邮件,说是 “QQ在线状态”V2.0正式发布,解决了QQ2009用户点击“在线状态”后须添加好友才能对话的问题,提高了临时会话使用的安全性。琢磨了一番,共享一些资料吧。

qq1、什么是”在线状态”(Web pres-ence)?

“在线状态”是腾讯公司提供的一种快速沟通服务,该服务可以让您在不加好友的情况下和域中的朋友发起临时会话。您只需要将生成的代码嵌入至您网页上对应的页面代码中,如:日志、个人网页、邮件签名档等地方,即可拥有您的”在线状态”;从而进行个人沟通、商业交流或提供线上即时客户服务。

对于社区以及C2C业务的服务商来说,”在线状态”能帮助您满足用户之间强沟通的需求,提高已有用户的黏性以及满意度,从而不断地扩大网站的影响力以及知名度。

2、我已经在用”在线状态”了,还需要升级至”在线状态”V2.0吗?

如果您是2008年以前生成的“在线状态”,则需要升级。因为“在线状态”V2.0解决了QQ2009的用户点击后必须加为好友才能会话的问题。 More >

移动设备浏览当前页