-
Notifications
You must be signed in to change notification settings - Fork 0
/
image.html
43 lines (38 loc) · 1.94 KB
/
image.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!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>
<link rel="stylesheet" rev="stylesheet" type="text/css" media="all" href="css/in1.css" />
</head>
<body class="mapbg">
<div class="map_all" id="image">
<div class="map">
<img src="img/da.gif" class="feature-image" usemap="#Map1" style="left: -1302px;" />
<map name="Map1" id="Map">
<area shape="rect" coords="145,318,235,342" href="#" /><!-- 黄家坝 -->
<area shape="rect" coords="833,54,923,77" href="#" /><!-- 波仑寺 -->
<area shape="rect" coords="1211,327,1326,349" href="#" /><!--古城码头 -->
<area shape="rect" coords="2291,111,2383,132" href="#" /><!--星辉门 -->
<area shape="rect" coords="2047,78,2135,99" href="#" /><!--天后宫 -->
<area shape="rect" coords="1966,55,2046,93" href="#" /><!--湖广会馆 -->
<area shape="rect" coords="1545,67,1615,104" href="#" /><!-- 火神庙 -->
<area shape="rect" coords="1302,131,1417,155" href="#" /><!--王翰林院 -->
<area shape="rect" coords="1645,252,1736,276" href="#" /><!--引凤门 -->
<area shape="rect" coords="2670,142,2761,163" href="#" /><!--城隍庙 -->
<area shape="rect" coords="2796,132,2888,155" href="#" /><!--玄天宫 -->
</map>
<div class="preview" ><img src="img/xiao1.jpg" alt="" /></div>
</div>
</div>
<!-- <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script> -->
<script type="text/javascript" src="js/jquery-1.11.3.js"></script>
<script type="text/javascript" src="js/jquery.imageScroller.min1.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('div.map').imageScroller();
});
document.ondragstart=function() {return false;}
</script>
</body>
</html>