rollnav.js Prellen Wirkung

Arbeiten an einem Kuchen-Menü mit Wheelnav.js. Bis jetzt läuft alles gut, aber für das Leben von mir scheint es nirgends in der Dokumentation von radnav.js zu fehlen, wie man den Bounce-Effekt bei der Menüwahl unterdrückt.rollnav.js Prellen Wirkung

Ein Beispiel für diesen Effekt finden Sie unter http://pmg.softwaretailoring.net/, schalten Sie den Schalter "Drehen" ein und klicken Sie auf eine Zahl im Kreismenü. Die ausgewählte Option dreht sich um den Fokuspunkt (Standard oben) und springt bis zum Anschlag.

Die ursprünglichen Beispiele von http://wheelnavjs.softwaretailoring.net/examples.html Ich dachte, wäre hilfreich, da das erste Beispiel auf dieser Seite ein Tortenmenü hat, das nicht springt, aber sie haben die zugrunde liegende Beispiele Javascript-Datei verschleiert und minimiert.

Alle Hinweise oder Tipps, wo Sie ausführlichere Dokumentation oder detaillierte Beispiele suchen, würden sehr geschätzt werden.

UPDATE: In ihrem Website-Code, der die animatetime-Eigenschaft verwendet, wurde ein Verweis auf ein Radobjekt gefunden. Wenn Sie diese Einstellung auf eine niedrige Zahl wie 200 setzen, wird das Rad schneller gedreht, springt jedoch nicht. Keine perfekte Lösung, da ich vielleicht langsamer drehen möchte, aber es reicht, bis ich von einer besseren Methode lerne.

Quelle

2016-04-13 the digitalmouse

versuchen, etwas wie folgt aus:

wheel = new wheelnav('wheelDiv'); 
wheel.animatetime = 1000; 
wheel.animateeffect = 'linear';

Ich glaube, die lineare Einstellung der spezifischen Eigenschaft ist für Sie suchen.

Dies kann auf this page der Dokumentation

Quelle

2016-04-13 11:58:11 Yoda

Huh. * Völlig * verpasst das. Danke vielmals! Wäre schön, eine traditionellere detaillierte Dokumentation über alle Eigenschaften zu sehen. Zum Beispiel, welche anderen Effekte für .animateeffect verfügbar sind. Ich denke, ich könnte dafür in den Quellcode eintauchen, aber es wäre zeitaufwendig. Danke noch einmal! –

Ja, ich weiß was du meinst. Während es trocken sein mag, hilft Dokumentation wie diese sehr. Jedenfalls leicht zu übersehen, und ich hatte vorher keine Ahnung von dieser Bibliothek, sehr cool, also danke, dass du es mir gezeigt hast. – Yoda

Gut zu helfen. Ich schätze, ich starrte so lange auf die limitierten Ärzte, bis ich alles zusammen verwischt hatte. Eine weitere nervige Sache, die mir am Radnav aufgefallen ist.js docs in diesem Fall, ist es, dass Sie jeden kleinen Knopf ausprobieren müssen, um die entsprechenden Effekte zu sehen. Das ist in Ordnung für die "Push alles um zu sehen, was passiert, Menge", aber nicht für einen Entwickler, der nur eine klare Antwort will. –

ich wheelnav.js seine auther für meine Probleme verwendet haben, kontaktieren und er hat auch die richtige Antwort auf mich über mein Problem gegeben, aber man kann nicht finden die richtige Dokumentation zu finden und für diese jquery, können Sie ihn auch fragen (mailen Sie ihn) für Ihr Problem bei Bedarf

können Sie unter Code indexWheel.animatetime = 2000; // durch diese können Sie einstellen, schneller/langsamer Geschwindigkeit starken Text

 

     window.onload = function() { 
      var values = ['1','2','3','4']; 
      var percent = [51,11,30,8];    
      var tool = ["1234 (40.10%) \n Companies (9)","1234 (40.10%) \n Companies (9)","1234 (40.10%) \n Companies (9)","1234 (40.10%) \n Companies (9)"];   

     var indexWheel = new wheelnav("indexDiv"); 
     indexWheel.animatetime = 2000; 
      indexWheel.navItemsContinuous = true; 
      indexWheel.navAngle = 0;    
      indexWheel.wheelRadius = indexWheel.wheelRadius * 0.9; 
      indexWheel.slicePathFunction = slicePath().PieSlice; 
      indexWheel.sliceSelectedTransformFunction = sliceTransform().MoveMiddleTransform; 
      indexWheel.colors = colorpalette.goldenyellow; 
      indexWheel.initWheel(values); 
      indexWheel.createWheel(values); 
      indexWheel.setTooltips(tool); 
     };

Quelle

2016-04-13 12:26:03

Sorry, aber Yoda hat dich um gut 25 Minuten geschlagen (siehe Antwort oben). Außerdem habe ich die .animatetime Eigenschaft bereits entdeckt, und es war in diesem Fall nicht wirklich die richtige Lösung. Aber es ist eine gute Information zu wissen, dass der Autor sehr auf Fragen per E-Mail reagiert. Dank dafür! :-) –

Ich bin mir nicht sicher über die Reaktionsfähigkeit des Autors. Ich habe ihm geschrieben und gefragt, welche Codebeispiele für die Erstellung von Kuchenmenü-Untermenüs verfügbar sind, aber es sind drei Tage vergangen. :( –

Autor ist Gábor Berkesi,: Ich hatte eine Mail an [email protected] geschickt –

Zusatzinfo für animateeffect.

Es gibt eine link für verfügbare Effekte auf this page. Klicken Sie auf "Animieren" und dann auf "Beschleunigen".

P.S. Ich kenne den Mangel an eingehender Dokumentation, die Referenz für alle Eigenschaften enthalten sollte. Es ist auf meiner Todo-Liste, aber das ist ein Nebenprojekt, bitte gedulde dich. ;) Danke für deine Rückmeldungen!

Quelle

2016-04-23 17:44:33

rollnav.js Prellen Wirkung

Antwort

Verwandte Themen