知识 分享 互助 懒人建站

    懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

    懒人建站提供网页素材下载、网站模板
    知识 分享 互助!

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

    作者:佳明妈 来源:懒人建站 2010-01-26 人气:
    用JS实现类似flash的提示效果。代码与结构分离,利用了图片的alt标记,支持alt标记中使用html标签,可以改造出迅雷的影片提示效果。

    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 实现各种图片文字等提示效果。完全可以做出来迅雷的影片提示效果。

     

    ↓ 查看全文

    JS实现天气预报的地图alt标记提示由懒人建站收集整理,您可以自由传播,请主动带上本文链接

    懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

    JS实现天气预报的地图alt标记提示-最新评论