Ефект при линкове

Не виждам нищо сложно


Код:
<style>
a {
color: black;
}
a:hover {
color: red;
}
</style>

<a href="#">Test</a>
 
Да, човек обаче там когато го ховър линка се движи не искам да му сменям цвета :)
 
Изполzват този фриймуърк http://mootools.net/ и следния код

Код:
Site = {
    
    initialize: function() {
        Site.animSidebar();
    },
    
    animSidebar: function() {
        var anchors = $$("#recent-entries a", "#categories-list a", "#blogroll a", "#out-of-date-goodies a");
        anchors.each(function(el) {
            var fx = new Fx.Morph(el, { duration: 200, wait: false });
            // var fx = new Fx.Styles(el, { duration: 200, wait: false });
            el.addEvent("mouseenter", function() {
                fx.start({
                    "margin-left": 5,
                    "color": "#c4a000"
                });
            });
            el.addEvent("mouseleave", function() {
                fx.start({
                    "margin-left": 0,
                    "color": "#faec8e"
                });
            });
        });
    }
    
}

window.addEvent("domready", Site.initialize);

общо взето, когато линка е на фокус с мишката си сменя цвета и сменя margin-left на 5, със морф ефект.
 
Ти пък дано очакваш да ти тръгне ?
Трябва да си 'инсталираш' фриймуърка който ти дадох (свали си го от сайта), и тогава може би ще си настроиш тоя код, който използват.
 
Много сложна стана тя...
Няма да се занимавам. То аз все което си харесам много сложно пфф :) Айде +1 за инфото все пак.
 

Back
Горе