铜雀春深源码网

您现在的位置是:首页 >   网页模板  >   网页特效

网页特效

Hotspot Map - 强大的图片热点注释和提示工具

大小: M 更新时间:2022-04-15 阅读:67 立即下载
Hotspot Map是一个很容易添加注释,文本的插件,或其他图像,在你想要的位置添加。它配备了精确绘图和斑点定位一个功能强大的编辑器。你也可以编辑设置,预览和编辑的最终结果将为您生成的HTML和JS代码!这一插件的最强大的功能是它配备了编辑器。你不需要手动指定的坐标和图像上的每个点的尺寸。添加每一个点都是可视化的,然后请单击“生成”,你会看到一个预览最终结果!可以使用编辑器创建一个简单的圆形斑点–固定的宽度和高度,四种不同的类型,你选择的尺寸,或不可见的版本。每个单独的弹出框,你可以指定一个固定的或自动的宽度和位置–顶部,底部,左或右。这给你一个很大的灵活性,建立热点这个工具正是你需要的!插件使用方法调用插件相关文件
<link rel="stylesheet" href="css/hotspot.css" type="text/css"><script src="js/hotspot.js"></script>
 
用编辑器获取HTML和javascript代码
<div id="hotspot-32" class="hs-wrap hs-loading">
	<img src="images/image3.jpg">
	<div class="hs-spot-object" data-type="spot" data-x="164" data-y="160"
	data-width="30" data-height="30" data-popup-position="left" data-visible="visible"
	data-tooltip-width="200" data-tooltip-auto-width="true">
		test
	</div>
</div>
$("#hotspot-32").hotspot({ "show_on" : "mouseover" });