v0.1

Jquery.anchor3d

jQuery plugin which change links to nice link with 3D effect.

Download .zip Download .tar.gz View on GitHub

Welcome to Jquery.anchor3d example page.

Here you can see how my plugin work. Let's see first example. Change standard anchor to link with nice pseudo 3d effect:

$(".example1 a").anchor3D();

Now please hover on this link and watch this nice effect!


But I don't want this background color!

Ohh it isn't problem. This plugin have actually some options. Let's change bacground color to this same which have "a" tag. To do this we need override default plugin setting:

$(".example2 a").anchor3D({
    linkHoverBg: "#c5000c"
});

Here is the result demo


Now let's change also font color

To do this we need add next option linkHoverColor:

$(".example3 a").anchor3D({
    linkHoverBg: "#c5000c",
    linkHoverColor: "black"
});

Here is the result demo


What if we want more user attention?

For this I create adittional optionenableReminder. With this option after every 5s (at the moment this time interval is static) links from selector will automatically get hover for few seconds. Here is code for it:

$(".example3 a").anchor3D({
    linkHoverBg: "#c5000c",
    linkHoverColor: "#ccc"
});

Working example you can see on footer this page.