Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<style>
  #descriptblock {
z-index:5;
width:1150px;
height:100px;
top:270px;
left:0px;
position:absolute;
background:white;
text-align:left;
display:block;
}
    #TyBio{
    display:none;
}
  </style>
  <script>
    $(document).ready(function() {
$("#TyPhoto").hover(function(){
    $("#TyBio").show();
},function () {
    $("#TyBio").hide();
});
});
  </script>
</head>
<body>
<div id="navcontainer">
<ul id="navlist">
<li><img id="TyPhoto" src="https://googledrive.com/host/0B4nfVqlTfnTzWDVMRzBEd1RwX2s" width="204" height="272" /></li>
<li><img src="https://googledrive.com/host/0B4nfVqlTfnTzU0pTYWVwRXZ0Tjg" width="208" height="286" /></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
<span id="descriptblock">
<div id="TyBio">TESTTHISBIOTEST!</div>
</span>
</ul>
</div>
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers