Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  <script src="http://cherne.net/brian/resources/jquery.hoverIntent.js"></script>
<title>JS Bin</title>
</head>
<body>
  <div id="mOver">mouse over this
    <div id="here" class="shadowBG"><span>Header</span><hr/><a href="http://www.google.com" target="_blank">This link is clickable!</a><hr/><span>end</span></div>
</div>
</body>
</html>
 
.shadowBG {
  -moz-box-shadow: 5px 5px rgba(0,0,0,0.3);
  -webkit-box-shadow: 5px 5px rgba(0,0,0,0.3);
  box-shadow: 5px 5px rgba(0,0,0,0.3);
  display:none;
  background-color:#3E6D8E;
  color:#E0EAF1;
  border-bottom:1px solid #37607D;
  border-right:1px solid #37607D;
  text-decoration:none;
  position:absolute;
  width: 0px;
  height: 0px;
}
#mOver {
  background:#32cd32;
  position:absolute;
}
Output 300px

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

Dismiss x
public
Bin info
anonymouspro
0viewers