<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>new document</title>
<meta name="generator" content="editplus">
<meta name="author" content="">
<meta name="keywords" content="">
<meta name="description" content="">
<style type="text/css">
.popup {
position:absolute;
left:90px;
top:10px;
width:150px;
height:100px;
border:#ff0000 solid 2px;
background-color:#ffffff;
}
.btn {
position:absolute;
left:32px;
top:60px;
height:30px;
cursor: hand;
}
</style>
<script type="text/javascript">
var t;
function show() {
document.getElementById('label').style.display='';
}
function hide() {
document.getElementById('label').style.display='none';
}
function popup() {
clearTimeout(t);
show();
}
function popupmouseout() {
t = setTimeout(hide, 2000);
}
</script>
</head>
<body>
<table border='1'>
<tr>
<td><img id='img1' src='ex.gif' onclick='image(this.src,this.id)' onmouseover="popup()" onmouseout="popupmouseout()"></td>
</tr>
</table>
<div id="label" style=" display:none;" class="popup" onmouseover="popup()" onmouseout="popupmouseout()">This is your pop up div
<input type="button" value='add card' onclick="popup()" class="btn" />
</div>
</body>
</html>
|