jQuery-plugin für die Facebook "Like-Button"
Auf vielen Seiten jetzt können Sie sehen, ein Facebook "Like" - Button.
- Bei depressiv, es ändert die hintergrund-Farbe.
- Wenn Maus-overed, ermöglicht es Ihnen zu schreiben, einige zusätzliche text
Ich Liebe diese Schnittstelle - leichte Aktion, aber für die expression von mehr Daten, wenn der Benutzer will.
Jemand geschrieben hat, ein ähnliches plugin?
UPDATE:
Siehe: http://www.engadget.com/2010/05/30/htc-evo-4g-gets-hacked-froyo-port-sense-ui-be-damned/ an der Unterseite der post, sehen Sie den facebook " like-button
- Ich habe nicht gesehen, diese Art der Kontrolle überall - könnte man Bearbeiten Sie Ihre post mit einem link zu einem Beispiel?
- aktualisiert, danke!
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ich weiß nicht, wie ein plugin für jQuery, aber das schreiben der Benutzer-Schnittstelle ist Recht einfach.
(Bearbeiten: Eigentlich dachte ich nur an einen Ort, wo ich dieses feature verwenden konnte, mich. Ich könnte genauso gut schreiben, eine richtige plugin basiert auf die nächste Woche, wenn ich Zeit habe, und Bearbeiten Sie Sie hier. Für die Zeit, unten ist das, was ich ursprünglich gepostet...)
Alles, was Sie brauchen, ist ein paar divs:
Und einige jQuery:
Der rest ist ziemlich viel CSS für #thebutton, #thebox, .schweben und .aktiviert.
Hier ein spartan Blick, den ich verwendet beim schreiben dieses:
Wie wäre es mit diesem jquery plugin: http://socialmediaautomat.com/jquery-fbjlike-js.php
Es ist wirklich einfach einzurichten und können Sie ein paar nette Aufgaben in Kombination mit dem jquery cookie plugin (haben Sie einen Blick auf die demo-Seite).
Können Sie die
hover
,mousedown
, undmouseup
Veranstaltungen und ändern Sie die Schaltfläche Inhalt oder Stil.Ist kein plugin, es verwendet die Facebook Javascript-SDK. Laden Sie es, indem Sie diese am unteren Rand Ihres Dokuments:
Dieses Attribut hinzufügen, um Ihre HTML-tag(der eigentliche HTML-tag direkt nach dem DOCTYPE):
Und dann kann man dieses snippet, wo immer Sie wollen ein Like-button:
Mit dem $('#deine-Taste').button (); - Funktion von jQuery UI-Bibliothek bietet diese Funktionalität, und eine ganze Menge mehr.
http://jqueryui.com/themeroller/