jquery hotspot图片焦点区域提示

时间:2013-9-2  |  评论:  |  被查看了 2,081 次  |  标签:, , , , , ,

jquery hotspot图片焦点区域提示

插件下载地址

预览图

 

使用步骤

引用js文件

1
2
3
<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

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<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>
分享: