Hi everyone,

I'm using the curvyCorners plugin, but I only want the corners to be
curved when you're hovering over the element. Currently I've got this
working but it's terrribly slow and, I fear, inefficient.

                        $(function() {
                                var clone;
                                var corners = function(dis) {
                          clone=$(this).clone();
                          $(this).corner({
                          tl: { radius: 2 },
                          tr: { radius: 2 },
                          bl: { radius: 2 },
                          br: { radius: 2 },
                          antiAlias: true,
                          autoPad: false,
                          validTags: ["div","a"] });
                        }

                        var corners2 = function(dis) {
                                $(this).before(clone);
                                $
(".riddick, 
.riddicks").unbind().bind("mouseenter",corners).bind("mouseleave",corners2);
                                $(this).remove();
                        };
                        $
(".riddick, .riddicks").bind("mouseenter",corners).bind("mouseleave",corners2);
                        });

Anything I can do to speed it up?

Reply via email to