64 lines
1.4 KiB
64 lines
1.4 KiB
<html>
|
|
<head>
|
|
<style>
|
|
.annotated{
|
|
position:relative;
|
|
}
|
|
.annotated img{
|
|
display:block;
|
|
}
|
|
.annotated b{
|
|
position:absolute;
|
|
left:-99999px;
|
|
}
|
|
.annotated ul{
|
|
list-style:none;
|
|
position:absolute;
|
|
top:0;
|
|
right:0;
|
|
bottom:0;
|
|
left:0;
|
|
}
|
|
|
|
.annotated li{
|
|
display:block;
|
|
position:absolute;
|
|
}
|
|
|
|
.tooltip a{
|
|
text-decoration: none;
|
|
color: #008800;
|
|
}
|
|
</style>
|
|
|
|
<link rel='stylesheet' href='tooltips.css'>
|
|
|
|
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
|
|
<!--[if !IE | (gt IE 8)]><!-->
|
|
<script src="tooltips.js"></script>
|
|
<script>
|
|
$(function() {
|
|
$("figure.annotated figcaption ul li").tooltips();
|
|
});
|
|
</script>
|
|
<!--<![endif]-->
|
|
|
|
</head>
|
|
<body>
|
|
<figure class="annotated">
|
|
<img src="spa504g-front.jpg" alt="Cisco SPA504g" />
|
|
<figcaption>
|
|
<b>Line/Key Selection:</b>
|
|
<ul>
|
|
<li style="top:71px; left:483px;" data-pos="top"><a href="#">test1xxxx@example.org</a></li>
|
|
<li style="top:93px; left:493px;" data-pos="right"><a href="#">test2xxxx@example.org</a></li>
|
|
<li style="top:109px; left:473px;" data-pos="left"><a href="#">test3xxxx@example.org</a></li>
|
|
<li style="top:130px; left:483px;" data-pos="bottom"><a href="#">testxxxxxxxx4@example.org</a></li>
|
|
</ul>
|
|
<i><a href="#">Cisco SPA504G</a></i>
|
|
</figcaption>
|
|
</figure>
|
|
</body>
|
|
</html>
|
|
<!-- vim: set tabstop=4 syntax=html expandtab: -->
|