jquery hotspot图片焦点区域标记鼠标滑过提示

所属分类:UI-悬停,标签,工具提示

 50464  515  查看评论 (14)
分享到微信朋友圈
X
jquery hotspot图片焦点区域标记鼠标滑过提示 ie兼容6

使用步骤

引用js文件

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/modernizr.custom.49511.js"></script>
<script type="text/javascript" src="js/jquery.hotspot.min.js"></script>

js

<script type="text/javascript">
$(document).ready(function($){
	
	//demo01
	$('#container1').hotSpot();
	
	//demo02
	var _pop2 = $('#container2').hotSpot({
		slideshow : false,
		triggerBy : 'click',
		autoHide : false
	});
	$('#image2').on('click',function(event){
		_pop2.hideCurrentPop();
	});
	
});
</script>
相关插件-悬停,标签,工具提示

jQuery鼠标悬停方向感知

jQuery鼠标悬停方向感知,穿墙效果
  悬停
 26290  345

c的鼠标滑过图片遮罩层动画jQuery插件

nsHover是一款简单实用的鼠标滑过图片遮罩层动画jQuery插件。该插件可以在图片或块级元素上制作鼠标滑过时的遮罩层动画效果,它可以设置遮罩层的前景色和背景色,可以制作圆形图片等,非常实用。
  悬停
 34887  383

12种CSS3 hover效果插件

非常好看实用的CSS3的hover效果, 用transition 、amination 制造好看及实用的交互体验
  悬停
 59762  488

css鼠标悬停效果,自适应页面大小

网站常用功能展示,css鼠标悬停效果
  悬停
 19588  288

讨论这个项目(14)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    天之骄子3301 0
    2019/5/30 17:11:39
    大神,请问这个放到vue项目里改怎么用呀?
    我这边引入之后报了 Cannot read property 'documentElement' of undefined 的错
    回复
    jakocoo 0
    2017/8/3 13:01:36
    @与子偕老@~~ 0
    2017/5/4 22:41:29

    怎么鼠标多次hover的时候,提示框不能自动消失呢

    回复
    @与子偕老@~~ 0
    2017/5/4 21:16:36
    FCB_易小亮剿生剪他魂巴诉心 0
    2017/3/29 15:21:35

    获取动态提示的时候,每次都要重新调用hotSpot()方法才能生效,有解决办法吗

    回复
    Mark Wang 0
    2016/11/3 16:11:40
    太好了,竟然是免费的 回复
    天秤茹果果 0
    2016/8/24 13:08:01
    会飞的金鱼 0
    2016/1/7 15:01:10

    大神呀 是我想要的效果,我要做的是鼠标houver弹出一个解释层!!!爱死你了

    回复
    夏至? 0
    2015/12/1 11:12:58
    MIGA 0
    2015/5/16 14:51:42
    大神,如果想添加pop5、pop6甚至更多,应该修改哪部分的代码呀? 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复