2011 年 11月 24 日随笔档案 - Caly pc

2011年11月24日

摘要：本文介绍 25 个 jQuery 插件，主要用于模仿 Facebook 界面，例如模仿对话框、头像识别、消息流和菜单等等。Hovercard预览提示信息卡，例如鼠标移到某个链接上就会有个弹出层提示链接的相关信息。More Information on Hovercard类 Facebook 的面部识别但我们上传照片到 Facebook 的时候，Facebook 会自动的识别出照片中的面部，并允许你对这些面部打标签，再此教程中你将学会如何实现该功能More Information on Facebook like jQuery face recognitionFacebook 风格的确认对话框使阅读全文

posted @ 2011-11-24 19:45 Caly pc 阅读(213) 评论(0) 推荐(0)

30 个实用的 jQuery 导航推荐

摘要：很多网站设计中都使用了选项卡（tabs），在制作选项卡时应用jQuery能够实现很多炫酷的过渡和动画效果。本文为你介绍30个实用的jQuery选项卡教程，希望对你有帮助。1.Animated Tabbed Content With jQuery选项卡被现代网站普遍应用，但大多数形式呆板。本教程逐步为你讲授如何实现选项卡动画切换效果。示例2.Tab Navigation with Smooth Horizontal Sliding Using jQuery本教程为你展示如何创建一个水平幻灯片效果的导航菜单。它是由控制元素组成的一组选项卡。点击其中一个，一组选项卡向左水平展开，再次点击，即可恢复原阅读全文

posted @ 2011-11-24 19:44 Caly pc 阅读(263) 评论(0) 推荐(0)

jQuery图片提示，鼠标放上显示大图

摘要：转自http://www.codefans.net/jscss/code/2907.shtml<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-T 阅读全文

posted @ 2011-11-24 11:11 Caly pc 阅读(314) 评论(0) 推荐(0)

JS 图片预加载

摘要：图片预加载技术的典型应用：如lightbox方式展现照片，无疑需要提前获得大图的尺寸，这样才能居中定位，由于javascript无法获取img文件头数据，必须等待其加载完毕后才能获取真实的大小然后展示出来，所以lightbox显示的图片的速度体验要比直接输出的差很多，而本文说提到的预加载技术主要针对获取图片尺寸。一段典型的使用预加载获取图片大小的例子：var imgLoad = function (url, callback) { var img = new Image(); img.src = url; if (img.complete) { callback(img.width, img. 阅读全文

posted @ 2011-11-24 10:57 Caly pc 阅读(544) 评论(0) 推荐(0)