[jQuery] Help optimize my code!
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?