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.