JS实现天气预报的地图alt标记提示

一般天气预报的地图提示都是用flash制作的，该代码用JS实现同类效果。代码与结构分离，利用了图片的alt标记，提示支持alt标记中使用html标签。功能异常强大。修改方便。效果如上图显示。

修改说明：
1.下面的样式就是alt标记的显示样式，你可以自行修改成你喜欢的。
DIV#qTip {
 BORDER: #abab98 1px solid;
 DISPLAY: none;
 FONT-SIZE: 12px;
 Z-INDEX: 1000;
 BACKGROUND: #fefeda;
 COLOR: #5f5f52;
 LINE-HEIGHT: 16px;
 FONT-FAMILY: "Tahoma";
 POSITION: absolute;
 TEXT-ALIGN: left;
 padding:4px 6px 4px 6px;
 margin-top:-4px;
}

2.head区域要引用 <SCRIPT language=JavaScript src="js/alt.js"></SCRIPT> 这个alt.js

3.JS中的 var qTipTag = "area"; 是设置 要起作用的标签的，比如这里为了显示图片热点区域设置了 area
var qTipX = -15; var qTipY = -73;  这两个是设置X Y 轴距离的。自行调整。

4.注意 这里的图片提示区域使用了 热区，你可以用 Dreamweaver 来画这些热区。

5.扩展，你可以修改 此JS 实现各种图片文字等提示效果。完全可以做出来迅雷的影片提示效果。

TAG标签