Hi,
http://www.pctrading.de/enastar/
Es geht um den Effekt im Menü. Wenn man zu schnell mit der Maus über die Menüpunkte fährt, ist die Animation abgehackt und zitterig.
Hat jemand eine Ahnung wie man das akzeptabel unterbinden kann?
PHP
window.addEvent('domready', function() {
// Item 1
$('item1').addEvent('mouseenter', function(event){
myEffect = new Fx.Morph('sub1', {link: 'cancel', duration: 200, transition: Fx.Transitions.Expo.easeIn});
myEffect.start({
'height' : [0, 50],
'margin-top' : [0,-50]
});
});
$('item1').addEvent('mouseleave', function(event){
myEffect = new Fx.Morph('sub1', {link: 'cancel', duration: 200, transition: Fx.Transitions.Expo.easeIn});
myEffect.start({
'height' : [50, 0],
'margin-top' : [-50,0]
});
});
...HTML
<div id="menu">
<div id ="item1" class="item">
<a href="#unternehmen" class="title">Unternehmen</a>
<a href="?c=2" class="link">Unternehmensziele</a>
<a href="?c=3" class="link">Unternehmensführung</a>
</div>
...
</div>
Die Option link: 'cancel' sollte das auch eigentlich verhindern. Geht nur nicht.
hoffentlich hilft dir das was.