Zufällig habe ich neulich ein Letter Flipper Dingens gemacht. Ich sah einen ähnlichen Effekt auf einer Flash-Seite und habe versucht, ihn stattdessen mit JavaScript zu machen. Du kannst den Quellcode auf dieser Seite ansehen, um den einfachen Code zu sehen. Es ruft nur rekursiv eine Funktion auf, um den Buchstaben mit einer leichten Verzögerung zu ändern, bis die Buchstaben in einem Array aufgebraucht sind, und wechselt dann zurück zu seinem ursprünglichen Buchstaben.
Dann hat Don Burks es in ein Plugin verwandelt, das weitaus robuster ist.
Nein, es ist nicht die nützlichste Sache der Welt. Ich wollte es nur teilen, falls es jemandem Spaß macht oder es irgendwie nützlich ist.
wow. schön :-)
Schöner Effekt!
War eine Weile her, seit ich CSS Tricks besucht habe – liebe das neue Design!
Erinnert mich irgendwie an etwas, das ich vor einiger Zeit auf der Tie-in-Website von BBC's Sherlock Holmes gesehen habe. Ich meine mich zu erinnern, dass das auch rein JavaScript war, anstatt Flash usw.
Du bist eine Maschine!!! Du bist eine große Inspiration für mich. Gute Arbeit Cris. Auf Albanisch würde ich dir sagen ("Ti je NONA") [du bist die Großmutter] :)
Prost
awwwwwwwwww, es ist süß…. ;)
Nein, im Ernst, es macht Spaß.
Der Buchstabenabstand unter Firefox 3.6 ist etwas seltsam... aber ein wirklich schöner Effekt!
Ich bin gespannt, ob jemand einen guten Verwendungszweck für diesen Code findet. Meine einzige Idee ist, ihn vielleicht an die Lost-Website zu schicken, wo sie ihn unten in der Luke verwenden können ;-)
Ausgezeichneter Effekt!
Das ähnelt irgendwie diesen Split-Flap-Anzeigetafeln – Solari-Boards, die sie auf Flughäfen und Bahnhöfen verwenden. Das beste Beispiel, das ich gesehen habe, ist Terminal 2F am Flughafen Paris Charles de Gaulle
Ich hätte gerne eines davon als WordPress-Plugin – besonders mit dem Geräusch!
Bitte jemand, ganz lieb!
Wow, schöner Effekt, ich muss vielleicht einen Verwendungszweck dafür finden... nicht sicher wo, aber hey =)
gute Arbeit ………………..
sehr cooler Effekt. Jetzt muss ich nur noch eine Gelegenheit finden, ihn zu verwenden!
Fantastisch.. Aber ich muss zugeben, ich dachte: 'Hat dieser Mann zu viel Zeit, wenn er Zeit hat, so etwas zum Spaß zu machen?'..
Aber ein fantastischer Effekt, den ich sicher irgendwann verwenden werde!!
Gute Sachen. :D
Ich glaube, das wäre ein cooler Effekt, wenn man ihn als Übergang zwischen Panels in einem Slider verwenden könnte. Sagen wir, das Bild blendet ein und aus, aber die Überschrift macht den Flipper-Effekt für eine neue Überschrift.
Und was ist der Sinn hier? Wenn Ihre Datei mit offenem Code ist?
Was bringt mich dazu, stundenlang zu arbeiten, wenn ich meine Datei auf meiner Webseite veröffentliche, und am nächsten Tag stiehlt irgendein Idiot meinen Code.
Flash ist dafür besser ;) Javascript ist nicht auf dem Weg, Flash zu schlagen.
Schöner Effekt!
Ich möchte jedoch sagen, dass die Schriftart auf Windows (zumindest für mich) ziemlich schrecklich aussieht. Sie ist ganz zackig... Würden Sie in Erwägung ziehen, Courier *new* in Ihren Schriftstapel aufzunehmen? Oder einfach "monospace" verwenden. Das Gleiche gilt für Code-Schnipsel, aber sie sind kleiner, daher ist es nicht so wichtig.
Danke Chris für eine tolle Seite!
Sehr schön, ich habe eine Portierung zu Prototype gemacht, aber es funktioniert nicht in IE, und selbst Ihr Code funktioniert dort in IE. Mmm, können Sie das tun?
Exzellente Seite Chris. Das ist das erste Mal, dass ich sie entdecke, und ich muss sagen, ich bin beeindruckt – schönes, klar strukturiertes Design. Ich werde auf jeden Fall wiederkommen.
Ok. Mir ist jetzt schwindelig.
Cool. Haben Sie in Erwägung gezogen, Jquery-Tricks zu starten?
Das ist sehr schick!!
Vielen Dank!!! Ich mag es!!!
ziemlich süß, frage mich, wo das funktionieren würde…
Mein Versuch mit Prototype JS: http://cssrevolt.com/upload/files/letterflipper/
Es erfordert keine zusätzliche Markup und funktioniert auch im Internet Explorer
ich mag es!
Dieser Letter Flipper funktioniert nicht im Internet Explorer. Und er funktioniert, wenn wir setTimeout wie die verwenden
setTimeout(function(){
changeLetter(el,i+1);
},40);
Wow, das ist wirklich cool. Ich habe nach so etwas gegoogelt. Ich denke, meine Suche ist jetzt vorbei :)
Vielen Dank
Sabbir