Posted By

cfleschhut on 06/04/10


Tagged

javascript mootools tooltips


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

daveofferson


MooTools Product Highlighter Tooltip


 / Published in: JavaScript
 

URL: http://jsfiddle.net/qz8Ad/

  1. var bubbles = $$("div.bubble");
  2. var pages = $$("div.page");
  3. $("bubbleWrap").setStyle("visibility", "visible");
  4. bubbles.setStyle("opacity", 0);
  5.  
  6. pages.each(function(el, i) {
  7. el.set("morph", { link: "cancel" });
  8. el.addEvents({
  9. mouseenter: function() {
  10. bubbles[i].morph({
  11. opacity: 1,
  12. marginTop: "-15px"
  13. });
  14. },
  15. mouseleave: function() {
  16. bubbles[i].morph({
  17. opacity: 0,
  18. marginTop: 0
  19. });
  20. }
  21. });
  22. });

Report this snippet  

You need to login to post a comment.