jquery---overlay--first--test

闪宁斯达 2011-01-06

展开全文

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www./TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www./1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title></title>
     <style type="text/css">
.simple_overlay {
display:none;
z-index:10000;
background-color:#333;
width:675px;
min-height:200px;
border:1px solid #666;
-moz-box-shadow:0 0 90px 5px #000;
-webkit-box-shadow: 0 0 90px #000;
}
.simple_overlay .close {
background-image:url("close.png");
position:absolute;
right:-15px;
top:-15px;
cursor:pointer;
height:35px;
width:35px;
}

    </style>
    <script type="text/javascript" src="jquery.tools.min.js"></script>
    <script type="text/javascript">
      $(function(){
       $("#hasau").overlay();
      })
    </script>
</head>
<body >
     <img id="hasau" src="hasaugif.gif" rel="#mies1"/>
     <img src='close.png'>
     <div class="simple_overlay" id="mies1">
     <img src="hasaugif.gif" />

</div>
</body>
</html>