昨天同事负责一个首页广告，广告采用的是多帧GIF动画，在HTML演示页面中采用的是jpg，运用Image对象的load事件来加上广告，这样就避免了广告播放出来而图片还没有加载完成的尴尬局面，但是却遇到了一个超级郁闷的事情，那就是在IE中load事件不停的执行，找了很多原因，最后在google上找到了：原来是多帧GIF引起的Image().load事件重复触发的问题。又一次长见识了！而且还有人发帖说可以通过这个bug来模拟js的多线程~
解决方法：
var img=new Image(); img.load=function(){ //do something img.load=null;//重新赋值为null } img.src='××.gif';
onbeforeunload 是window的一个事件，目前Firefox，IE都支持，主要用来提示用户是否真的要离开该页面，通常在一些比较重要的数据提交之前，防止用户误操作导致数据丢失。典型的应用如gmail中，在写邮件的时候，如果刷新页面或者关闭页面，会出现提示。
但是在IE下点击一些a标签时，也会触发onbeforeunload事件。并且href中写javascript:void(0)也不行，而在Firefox中不会出现类似的情况。于是查资料对onbeforeunload事件重新认识了一下：
onclick、onbeforeunload跟href三者之间的先后运行关系是这样的：onclick > onbeforeunload > href，知道了这个道理，我们就可以通过一些方法阻止onbeforeunload。另外在IE浏览器中，假如href为#，那么也不会触发onbeforeunload事件。
阅读更多…
今天是Google map api的关于利用GControl和GLayer对象在地图上显示panoramio图片的教程，昨天我写了一篇Google map api的教程是关于在地图上添加控制按钮的（Google Map API教程之使用GControl对象在地图上添加control按钮），今天结合上篇文章，写一下怎么在地图上加一个可以显示panoramio的图片，使用的主要对象是GControl和GLayer对象。关于GControl对象的官方文档（请点这里），GLayer对象的官方文档（请点这里）
我们可以通过以下代码创建一个panoramio.com的图片层：
photoLayer=new GLayer("com.panoramio.all")
然后通过Gmap.addOverlay(photoLayer)添加这个层
谷歌地图的API支持的GLayer对象有谷歌webcam、panoramio、维基百科等，更多支持请点击查看：http://spreadsheets.google.com/pub?key=p9pdwsai2hDN-cAocTLhnag
阅读更多…
今天查看我网站的地图已经被谷歌收录了5900条，而百度也开始收录了，很欣慰~再接再厉，今天写的这一篇Google map api教程是关于在Google地图上添加control按钮的，用到的是Google Map API的GControl对象，通过initialize的方法插入一个div到地图上，再通过new GControlPosition设置按钮的位置，最后通过Gmap的addControl方法添加这个按钮。最终效果截图如下：
首先建立一个GControl的原型control，然后定义其initialize 方法：主要是建立一个div，并且制定div的onclick事件，最后通过gmap.getContainer().appendChild(buttonDiv)插入到地图中去。
最后定义getDefaultPosition的方法，通过GControlPosition对象设置按钮所在地图的具体位置。
阅读更多…
最近花了两晚上的时间写了一个google地图的应用程序，采用了map api，weather api，localsearch api，我想的是有空写一些关于Google Map API的文章，今天就写一个关于自动缩放地图到合适级别的方法，这里说的自动缩放，指的是地图上已经加入了很多Gmarker点，而这些点任何地方都有，我们为了要它们在地图上能够都显示出来，必须要个Google Map设置一个合适的缩放级别和中心点，这里用的方法是Google Map API的GLatLngBounds。
假设我们创建的Google Map对象为gmap = new GMap2()，我们添加所有GMarker都保存在一个名字为markers的数组里，它们的点遍布各地，我们要做的就是要这些点都在地图上显示出来，也就是自动缩放地图（set auto zoom）。
IE6在背景图片缓存上有一个bug：它会每次都从服务器端读取背景图片。例如我们使用a:hover更换背景图片，在IE6下会出现每次鼠标滑过则重新向服务器请求图片，如果服务器反应较慢，那么hover效果就会出现短暂的空白，令人极度不爽。虽然可以通过CSS sprites的方式解决问题的，但效果差强人意。
示例：
a{ background:url(normal.gif); } a:hover { background:url(hover.gif); }
如果为超级链接定义上述的css样式以实现鼠标悬浮时的动态效果，在firefox下是没有什么问题的，第一次加载之后，浏览器都会从缓存读取背景图片.
具体的解决方法就是在页面中加入一段简单的javascript脚本，告诉IE6：本地有背景图片的话就不要麻烦服务器了。 document.execCommand("BackgroundImageCache",false,true);
关于这段脚本的放置方式有两种：
加载中……
