hotspot实现图片标记鼠标悬浮文字气泡弹出效果代码-html代码-BFW代码库

hotspot实现图片标记鼠标悬浮文字气泡弹出效果代码

代码语言：html

所属分类：弹出层

代码描述：hotspot实现图片标记鼠标悬浮文字气泡弹出效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery热点幻灯片 - 站长素材</title>

<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
h2{font-size:14px;font-weight:400;}
body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";color:#333;}
</style>
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/jquery.hotspot.css">
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery.17.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/modernizr.custom.2.8.1.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery.hotspot.min.js"></script>
<script type="text/javascript">
$(document).ready(function($){
        
        //demo01
        $('#container1').hotSpot();
        
        //demo02
        var _pop2 = $('#container2').hotSpot({
                slideshow : false,
                triggerBy : 'click',
                autoHide : false
        });
        $('#image2'.........完整代码请登录后点击上方下载按钮下载查看