JS实现天气预报的地图alt标记提示
作者:佳明妈 来源:懒人建站 2010-01-26 人气:
一般天气预报的地图提示都是用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 实现各种图片文字等提示效果。完全可以做出来迅雷的影片提示效果。
JS实现天气预报的地图alt标记提示由懒人建站收集整理,您可以自由传播,请主动带上本文链接
懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。
JS实现天气预报的地图alt标记提示-最新评论