鼠标滑过弹出层显示具体国家世界地图特效

时间：2014-05-08 来源：互联网

特效说明：

一款jQuery鼠标滑过弹出层显示具体国家世界地图特效，国外网站建设、投资移民、国外旅游地图网页特效，完美兼容IE6浏览器。（兼容测试：IE6及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器）

使用方法：

1、调用CSS样式：
<link href="css/style.css" rel="stylesheet" type="text/css" />

2、调用JS插件代码：
<script src="js/jquery.js" language="javascript" type="text/javascript"></script>

3、添加HTML代码：
将......之间的html和js代码；放在<body></body>之间。

4、js代码：
<script language="javascript">
$(".mapArea1").hover(function(){$(".mapcon").hide();$(".mapcon1").show()});
$(".mapcon1").hover(function(){return false;},function(){$(".mapcon1").hide()});

$(".mapArea2").hover(function(){$(".mapcon").hide();$(".mapcon2").show()});
$(".mapcon2").hover(function(){return false;},function(){$(".mapcon2").hide()});

$(".mapArea3").hover(function(){$(".mapcon").hide();$(".mapcon3").show()});
$(".mapcon3").hover(function(){return false;},function(){$(".mapcon3").hide()});

$(".mapArea4").hover(function(){$(".mapcon").hide();$(".mapcon4").show()});
$(".mapcon4").hover(function(){return false;},function(){$(".mapcon4").hide()});

$(".mapBox").hover(function(){return false;},function(){$(".mapcon").hide();});
</script>

标签 jQuery特效弹出层特效地图特效

预览下载收藏分享