Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  <style>
    body .d:hover
    {
      background-color:red;
    }
    .e{background-color:yellow;}
  </style>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <div style="border:solid 1px red;height:100px;width:100px;" class="d"> </div>
  <input  type="button" value="stop this hover" onclick="stop()" id="btn"/>
</body>
  
  <script>
    
    function stop(){
      $(".d").addClass('e').removeClass('d');
    }
    
    
  </script>
</html>
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers