在线演示  本地下载

是不是也考虑生成一个矢量类型的地图？今天我们将介绍的这款jQuery插件 - JQVMAP 可以方便的帮助你生成漂亮的矢量地图。在现代浏览器中它使用了SVG（Scalable Vector Graphics）技术生成地图图片，如果你也需要支持老版本的浏览器，例如，IE6/7/8的话，它也可以通过VML来实现，非常不错的jQuery插件，相信大家一定会喜欢！

主要特性

• 支持现代浏览器，同时对于老版本浏览器也可以通过其它fallback方式支持
• 支持缩放，拖动查看
• 提供丰富的地图生成参数
• 目前支持：世界地图，美国地图，欧洲，德国地图
• 你可以自己定义自己的地图（当然，这个过程比较繁琐）
• 实时更新地图
• 需要jQuery类库支持
• 完整清晰的文档说明

如何使用

JQVAMP使用非常简单，导入jQuery类库和插件类库，如下：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"…

在线演示  本地下载

如果你也在寻找一款生成漂亮旋钮(knob)的jQuery插件的话，那么今天我们介绍的jQuery knob肯定是一个不错的选择。它使用canvas帮助我们生成超酷的旋钮特效，你可以使用插件选项或者HTML5的data属性来自定义设置插件属性，方便简捷并且优雅，我相信大家肯定会喜欢这个超酷的jQuery插件，如果你有任何问题活着建议请给我们留言！

主要特性

• 支持只读模式
• 两个供选择的callback方法：change和release
• 支持自定义选项并且支持使用HTML5的data属性来配置插件选项
• 内建不同的主题
• 对于老的浏览器拥有不错的fallback机制

如何使用

导入jQuery和knob插件类库：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>

<script…

在线演示  本地下载

触摸设备越来越流行了，很多互联网用户都使用ipad等平板电脑来浏览网页和网站。今天我们介绍一款来自于著名web设计师Martin的jQuery插件-touchtouch，使用它可以快速帮助你生成一个针对平板触摸电脑优化的图片画廊。所有你需要做的只是提供一套图片地址，相信大家一定会喜欢！

主要特性

• 平滑的CSS3动画和过渡特效
• 一个支持响应式布局设计的CSS接口，能够根据设备屏幕变化
• 图片预先加载
• 支持触摸滑动
• 显示箭头并且响应按键keypress

如何使用

倒入插件的JS和CSS，及其jQuery1.7及其以上类库：

<link rel="stylesheet" href="css/touchTouch.css">

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<script…

在线演示1  在线演示2  本地下载

越来越多的浏览器开始支持HTML5中的音频和视频标签了，现在我们可以方便的使用HTML5标签来开发基于web的应用。 可能有的朋友会问，那么对于以前的老版本浏览器，使用最新的HTML5标签，无法正常识别吧？ 没错，今天我们这里将介绍一个HTML5的音频和视频播放器类库 - MediaElement.js，通过使用这个类库，我们可以方便添加对于老版本浏览器的支持，而无须担心使用最新HTML5的兼容性问题，希望大家喜欢！

什么是MediaElement.js？

MediaElement是一个HTML音频和视频解决方案，你可以：

• 使用HTML5的视频和音频标签及其CSS生成播放器
• 对于老的浏览器，使用自定义的Flash和Silverlight播放器来模拟HTML5
• 支持众多应用的插件，jQuery，Wordpress，Drupel，Joomla等等

如何工作？

添加脚本：…

Google Analytics(Google分析)对于广大站长来说，肯定不是一个陌生的工具，它能提供给我们众多的网站访问相关信息及其用户使用情况分析。但是有一个分析数据它可能无法直接提供给我们，这就是用户滚动深度(Scroll Depth)分析 - 用户滚动深度指用户访问一个页面时向下滚动的页面距离，比如，向下滚动20%，50%还是100%，这对于我们这些站长来说，可以有效地分析每个页面的曝光度，从而有效地调整页面内容，及其相关广告位置，为站长提供更好的用户监测及其广告收入保证。那么如何能够得到这些信息呢？

今天我们给大家介绍一款jQuery的插件 - jQuery Scroll Depth，通过和Google Analytics的配合使用，我们可以有效地得到用户的滚动深度分析数据。希望大家喜欢！

jQuery Scroll Depth

使用这个插件可以有效地帮助我们监视滚动事件，然后将数据传送给Google Analytics，最后显示在GA的报告中。缺省情况下，它会记录如下的滚动深度比例：

• 0%（页面初始加载）
• 25%
• 50%
• 75%
• 100%

你可以在GA的Events部分找到。Category是"Scroll…