jQuery DIV CSS世界地图热点效果_JS中国地图热点提示信息
程序员文章站
2022-03-01 13:30:14
...
本Demo是一个jQuery地图的特效、可以查看全国网点的、一款简单实用的jQuery地图特效、主要知识点是jquery和css实现了中图地图、Top的提示层效果、先看一下效果图吧
HTML代码(以成都为例)
<div class="mp mp3"> <div class="feng"> <div class="tree"> <div class="sang"></div> <div class="boou"> <img src="images/boou.png" alt=""/> </div> <div class="du_size"> <P>地址:成都未央区未央宫街道未央路2 号老三届首座大厦11208 </P> <P>电话:029-68829598</P> </div> </div> </div> <div class="mito">成都</div> </div>
CSS代码(这里只引用就可以了)
<link rel="stylesheet" type="text/css" href="css/style.css">
jQuery代码
jQuery(document).ready(function($) { $(".mp").mouseover(function(){ $(this).find(".feng").show(); }).mouseout(function(){ $(this).find(".feng").hide(); }); });
源代码下载链接: http://dwtedx.com/download.html?bdkey=s/1jGgT51k 密码: 2nad