jQuery DIV CSS世界地图热点效果_JS中国地图热点提示信息
2015-05-27 10:24:51  By: dwtedx

本Demo是一个jQuery地图的特效、可以查看全国网点的、一款简单实用的jQuery地图特效、主要知识点是jquery和css实现了中图地图、Top的提示层效果、先看一下效果图吧

jquery地图热点


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

若资源对你有帮助、浏览后有很大收获、不妨小额打赏我一下、你的鼓励是维持我不断写博客最大动力

想获取DD博客最新代码、你可以扫描下方的二维码、关注DD博客微信公众号(ddblogs)

或者你也可以关注我的新浪微博、了解DD博客的最新动态:DD博客官方微博(dwtedx的微博)

如对资源有任何疑问或觉得仍然有很大的改善空间、可以对该博文进行评论、希望不吝赐教

为保证及时回复、可以使用博客留言板给我留言: DD博客留言板(dwtedx的留言板)

感谢你的访问、祝你生活愉快、工作顺心、欢迎常来逛逛


快速评论


技术评论

  • 该技术还没有评论、赶快抢沙发吧...
DD记账
top
+