Artikel mit Schlagwort

Es sollte vor allem gesagt werden, dass Sie versuchen sollten, Ihre Stile und Ihr JavaScript voneinander getrennt zu halten. Wenn Sie den Stil eines Elements mit JavaScript ändern möchten, fügen Sie einen Klassennamen hinzu (oder entfernen Sie ihn) …

Ich werde auf der bevorstehenden jQuery Conference sprechen. Sie findet in der San Francisco Bay Area (Mountain View, auf dem Microsoft Campus) vom 24. bis 25. April 2010 statt. Alle Details finden Sie unter diesem Link. Es sieht …

Akkordeons sind ein UI-Muster, bei dem Sie auf einen Titel klicken (in einem vertikalen Stapel von Titeln) und ein Inhaltsfeld darunter erscheint. Typischerweise schließen sich alle anderen offenen Felder, wenn sich das neue öffnet. Sie sind ein clever …

Dies ist ein Update des ursprünglichen Chatraums, den wir hier auf CSS-Tricks veröffentlicht haben. In gewisser Weise ist die Technologie dieselbe. Wir werden PHP verwenden, um mit dem Server zu sprechen, jQuery, um den Chat am Laufen zu halten, und die …

Diese „gleitenden“ Navigationsleisten gibt es schon eine Weile, ich dachte mir, ich versuche mich mal daran, da sich kürzlich die Gelegenheit bot. Es stellt sich heraus, dass es wirklich verdammt einfach ist. Ich habe zwei Beispiele zusammengestellt, um …

1) Laden Sie jQuery und das Mouse Wheel Plugin

Das Mouse Wheel Plugin finden Sie hier.

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script>
<script type='text/javascript' src='/js/jquery.mousewheel.min.js'></script>

2) Hängen Sie das mousewheel-Ereignis an den Body an

Die "30" steht für die Geschwindigkeit. preventDefault stellt sicher, dass die Seite nicht nach unten scrollt.

$(function() {

   $("body").mousewheel(function(event, 

…

Es ist ziemlich üblich, wenn die .animate()-Funktion von jQuery verwendet wird, dass sie durch ein mouseEnter- oder Hover-Ereignis ausgelöst wird. Das bedeutet, dass wir damit umgehen müssen, dass diese Ereignisse mehrmals ausgelöst werden. Dieser Artikel beschreibt meine Reise, um eine gute Lösung dafür zu finden, und schließlich ein Plugin, das die Aufgabe recht gut erledigt.

Es gibt eine aktualisierte Version davon!

Der Plan

In diesem Tutorial werden wir ein kleines Chatprogramm erstellen, das sehr einfach auf jedem Server, auf dem PHP läuft, einzurichten und zu betreiben ist. Keine Datenbank erforderlich – …

Wenn Sie auf einer Seite mit einer langen Tabelle nach unten scrollen, scrollt normalerweise der Header der Tabelle weg und wird nutzlos. Dieser Code klont den Tabellenheader und wendet ihn oben auf der Seite an, sobald Sie …