Experiment 1 – hover events and tooltips

Building on our previous example, we can easily swap our click method with a hover method. Instead of having var click, we will now have var hover with the corresponding function. Feel free to open example-1.html of the chapter-5 code base to go over the complete example (http://localhost:8080/chapter-5/example-1.html). Let's review the necessary code to change our click event to a hover event. In this particular case, we will need a little more CSS and HTML. In our <style> tag, add the following lines:

#tooltip{ 
  position: absolute; 
  z-index: 2; 
  background: rgba(0,153,76,0.8); 
  width:130px; 
  height:20px; 
  color:white; 
  font-size: 14px; 
  padding:5px; 
  top:-150px; 
  left:-150px; 
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", 
  "Helvetica Neue", Helvetica...