添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 网页特效 > 弹出层 | 滚动条 >

jQuery中国地图网点查看地图弹出层特效

时间:2015-08-03      来源:互联网     
特效说明:
一款jQuery中国地图网点查看地图弹出层特效下载,该JS特效代码是一款简单实用的jQuery地图特效,主要应用了jquery和css定为属性实现了中图地图,提示层效果。(兼容测试:IE8及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" type="text/css" href="css/style.css">

2、调用JS插件代码:
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>

3、添加HTML代码:
将<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。

4、JS代码:
<script type="text/javascript">
jQuery(document).ready(function($) {
   $(".mp").mouseover(function(){
        $(this).find(".feng").show();    
    }).mouseout(function(){
        $(this).find(".feng").hide();

    });    
});
</script>
相关特效
  • jQuery+SVGMap制作中国地图

    jQuery+SVGMap制作中国地图

    一款jQuery+SVGMap制作中国地图,响应式网站自适应中国地图插件。兼容性高,带有鼠标滑过动画以及弹出框信息展示。……
    2018-04-04
  • jQuery网络销售地图点击弹出区域信息

    jQuery网络销售地图点击弹出区域信息

    一款jQuery网络销售地图点击弹出区域信息网页特效,点击地区名称弹出该地区具体展示信息,下拉框选择对应地区名称弹出该地区具体展示信息。……
    2014-11-18
  • jQuery带弹出层地图特效

    jQuery带弹出层地图特效

    一款jQuery带弹出层地图特效,鼠标滑过地区出现该地区详细信息,点击关闭按钮关闭弹出层详细信息。……
    2014-10-07
  • jQuery鼠标滑过地图弹出层显示信息

    jQuery鼠标滑过地图弹出层显示信息

    一款jQuery鼠标滑过地图弹出层显示信息网页特效,鼠标滑过指定位置弹出层并显示该区域详细信息、鼠标滑出弹出层消失。……
    2013-11-18


最新更新特效

设计分享

web前端视频教程