Ergebnis 1 bis 1 von 1

Javascript Hilfe

Das ist eine Diskussion über Javascript Hilfe im Hilfe gesucht! Forum; Wie erreiche ich das wenn man mit der maus das ding dreht, das es nicht so schnell ist? HTML-Code: <script ...

  1. #1
    Produrax
    Gast

    Standard Javascript Hilfe

    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
    Geändert von Produrax (26.09.2011 um 07:38 Uhr)

Ähnliche Themen

  1. Facebook Javascript-API anzapfen
    Von chrisiauer im Forum Ich suche ...
    Antworten: 8
    Letzter Beitrag: 04.06.2011, 10:28
  2. Antworten: 0
    Letzter Beitrag: 18.02.2011, 12:07
  3. Per JavaScript Formularfelder hinzufügen
    Von Vocast im Forum Fertige Programme/Scripts
    Antworten: 0
    Letzter Beitrag: 08.09.2010, 22:08
  4. [Codeschnipsel]Javascript - sichere eMail
    Von Chronos im Forum Fertige Programme/Scripts
    Antworten: 11
    Letzter Beitrag: 13.11.2009, 12:38
  5. [Javascript] Tooltiplösung gesucht
    Von Basukastyle im Forum Ich suche ...
    Antworten: 1
    Letzter Beitrag: 16.10.2009, 17:04

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •