Wie erreiche ich das wenn man mit der maus das ding dreht, das es nicht so schnell ist?
HTML-Code:<script type="text/javascript"> $(document).ready(function(){ var element = $('#list a');; var offset = 0; var stepping = 0.006; // Bei Aufruf Drehgeschwindigkeit var list = $('#list'); var $list = $(list) $list.mousemove(function(e){ var topOfList = $list.eq(0).offset().top var listHeight = $list.height() stepping = (e.clientY - topOfList) / listHeight * 0.2 - 0.1; } ); for(var i = element.length - 1; i >= 0; i--) { element[i].elemAngle = i * Math.PI * 2 / element.length; } setInterval(render, 20); function render(){ for (var i = element.length - 1; i >= 0; i--){ var angle = element[i].elemAngle + offset; x = 120 + Math.sin(angle) * 30; y = 45 + Math.cos(angle) * 40; size = Math.round(15 - Math.sin(angle) * 15); // Schriftgröße var elementCenter = $(element[i]).width() / 2; var leftValue = (($list.width()/2) * x / 100 - elementCenter) + "px" $(element[i]).css("fontSize", size + "pt"); $(element[i]).css("opacity",size/100); $(element[i]).css("zIndex" ,size); $(element[i]).css("left" ,leftValue); $(element[i]).css("top", y + "%"); } offset += stepping; } } ); </script>
Das dreht sich einfach zu schnell
Falls ihr ne testurl braucht zum sehen dann bitte melden, habe jetzt auch nur den Js Teil gepostet
Danke
Edit: gelöst: setInterval(render, 50);
Weiß jemand wie man auch in alle richtungen drehen kann und die abstände zwischen den eizelnen links etwas kleiner macht


LinkBack URL
About LinkBacks





Zitieren
Lesezeichen