新年好!
分享一个全国地图的热图模拟页面
有需要的朋友可用拿来就用
优点:
1.兼容性测试:ie5.01 ie5.5 ie6.0 ie7 ff2.0 netscape9.0其它浏览器没有测试
2.无多余标签,代码干净.
缺点:
1.不知为啥在OPERA中显示不出图片,不知是什么原因,有知道的朋友请告之
2.图片的翻滚色色值变化不大,图片没有做得太好,PS用得不好

上传不了图片,大家直接下载吧:


[ 本帖最后由 by0001 于 2008-2-6 02:04 编辑 ]

不错。
不过还不够精确的说。
点击青海省总是显示甘肃。

哈哈,版主真细心,因为这是用块状来模拟热图.一直不好解决鼠标移上去的title文本的精细控制,希望能给些指点.不光是这个省,其它的省都有这种情况.因为省的图片是不规则的,而块是方形,当超过颜色区域就有可能显示到其它省的title文字内容.

不知道有没有方法能实现这样的效果:
当鼠标移到块状物时,当前块的z-index自动变为最顶层,盖住其它层?
有的话,如何定义?还请高人指点.

[ 本帖最后由 by0001 于 2008-2-6 02:33 编辑 ]

有人下,没人顶!

顶你一个 ， 要是点击时没有虚框真好啊 ？

引用:

原帖由 by0001 于 2008-2-6 02:25 发表
当鼠标移到块状物时,当前块的z-index自动变为最顶层,盖住其它层?

引入jQuery后加入如下的代码

复制内容到剪贴板

代码:

<script type="text/javascript" language="javascript">
$(document).ready(function() {
    $("#gmap > dd").hover(function(){
          $(this).css("z-index","3");
    },function(){
          $(this).css("z-index","-1");
    });
});
</script>

如下图

[ 本帖最后由 icedblog 于 2008-2-7 01:43 编辑 ]

jquery确定好,这么简单就搞定了!
楼上说的,是不是每个容器都要定义一个z-index,他们大小顺序是如何的,递增还是递减?