引用新浪微软Google的CDN加载jQuery内(类)裤。

有时候写个小页面,懒的加载这么大的jQuery库,或者你的网站速度不是很理想,这时候可以使用第三方的jQuery库,目前最佳的选择就是使用新浪Microsoft或Google提供的CDN jQuery源。

速度和稳定的原因,国内站点建议大家选用顺序为新浪微软Google的

新浪的:

http://lib.sinaapp.com/js/jquery/1.6/jquery.js
http://lib.sinaapp.com/js/jquery/1.6/jquery.min.js

其他版本的: http://lib.sinaapp.com/?path=/jquery

微软的:

http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.js
http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.min.js

其他版本的:http://www.asp.net/ajaxlibrary/cdn.ashx

Google的:

path: https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js
path(u): https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.js

其他版本的:http://code.google.com/intl/zh-CN/apis/libraries/devguide.html#jquery

除了常规的调用方法外,Google也提供了相应的办法,那就是google load。我们只需要在页面里引用一个js文件,就可以根据需要实时加载用到的js库了。

首先在页头部分加入以下这行代码:


加载jQuery,可以这样使用:

google.load("jquery","1.6.0");
这样我们就从Google的最近的CDN镜像上加载了jQuery 1.6.0版的js库,接下来就可以正常写js代码了。不过,即使是Google的CDN镜像,下载也毕竟是需要时间的,万一代码库还没有下载完而浏览器已经解释到了下面的代码了怎么办?我们可以设定在js库加载完以后才开始执行js

google.setOnLoadCallback(function(){//要执行的代码});
新浪和Google还提供了其他js类库的CDN,比如EXT Core、jQuery UI 、Dojo等等。

虽然 CDN jQuery 源相当的稳定,不过我们也不能保证其能随时访问,所以我们还要给它另外一个选择,让它根据条件加载 jQuery,加一个备用源,如下:


也可以这样写:


其中第二个地址可以换成你本地的 jQuery 以保证链接稳定性。这样的意义是:先去加载谷歌的jquery库文件,如果加载失败那么就加载微软的 jquery 库文件。如果加载 google jquery 成功则会忽略后面的微软 jQuery 代码。

Continue reading...

使用geolocation API定位你的访问者位置

今天要说一个跨省的好东西玩玩。

那就是geolocation,W3C对geolocation的解释是“defines an API that provides scripted access to geographical location information associated with the hosting device”。Firefox从3.5起就支持geolocation了,习惯赶时髦的opera也发布了一个支持geolocation的版本,几天前Chrome dev 5也正式支持geolocation了。如果你的浏览器被鄙视了也可以使用google gears的Geolocation API曲线救国来玩(关于这一点请参考JerryQu同学早一段时间写的文章)。于是记录和朋友们分享下。

如果你有兴趣可以使用上面提到的浏览器点击这里看个简单的demo。

Continue reading...

各类地图Api接口的Jquery插件的通用实现(含源代码下载)

首先查看各大电子地图网站(可调用api接口),这里我查看了这些网站的api调用文档,我整理出来下:
http://code.google.com/intl/en/apis/maps/documentation/introduction.html
http://code.google.com/intl/zh-CN/apis/maps/documentation/index.html
http://api.51ditu.com/docs/index.html
http://developer.yahoo.com/maps/
http://dev.live.com/virtualearth/sdk/
要查看更多api,请链接http://www.programmableweb.com/apis

设计jquery插件调用构架,我这里用了两个功能函数,InitMap函数和OpenInfoWindow函数,
第一个就是初始化地图显示,第二个就是根据经纬度在地图上标注坐标点(点上可编写任何Html文本内容)

初始化地图代码为:

Continue reading...

百度地图API开发指南

 百度地图API是一套由JavaScript语言编写的应用程序接口,它能够帮助您在网站中构建功能丰富、交互性强的地图应用程序。

百度地图API不仅包含构建地图的基本功能接口,还提供了诸如本地搜索、路线规划等数据服务。

Continue reading...



about me

  • 陶之11's Blog Name:陶之11 OICQ:14779023 Site:Pao11.com

分类

快捷入口