Webagentur-Meerbusch - Die Webagentur für TYPO3, Webdesign, Programmierung und Onlineshops

jquery Archives » Seite 2 von 3 » Webagentu-Meerbusch 

Tag Wolken Archiv: jquery

Festes Ausblende Menü mit JQuery

Auf der Seite von CODrops gibt es wieder ein hervorragendes Tutorial über ein fixiertes Menü, das sich beim Scrollen der Seite ausblendet.

Eine sehr innovative Lösung für Feste (fixierte) Menüs. Die Basis des Ganzen ist wiedermal JQuery.

fade_out_menu

Inspiriert wurde CODrops von David Walsh’s Menü, das genau auf dieser Ausblendfunktion basiert. Eigentlich kann man ein Menü nicht besser “Top Menü” nicht besser einsetzten, da die eigentlich immer störend sind. Wir werden das Menü beim nächsten Joomla Templates mal einbauen.

Technorati-Tags: ,,

Im Tutorial wird genau beschrieben wie Ihr es einbauen bzw. verwenden müsst das Es anschließend auch richtig funktioniert.

mehr lesen

Die 10 Besten Bild und Content Slider auf jQuery Basis

JQuery wo man nur hinschaut. Diese Plug-ins scheinen einfach alles zu können. Ob Bild Rotation, Tabs, Slider, oder Scrolling. Geht nicht gibt es scheinbar bei JQuery nicht.Dazu kommt auch seine Kompatibilität,  es lässt sich fast in jedes Projekt einbinden. Manchmal über einen kleinen Umweg, aber es funktioniert eigentlich immer.

Wir haben nachfolgen eine List der einfachsten und Besten Slider zusammengestellt. In den meisten Fällen dauert der einbau in eine Webseite nicht mal eine halbe stunde.

Die Liste führt euch zu den Tutorials, wo Ihr nachlesen könnt wie diese Slider eingebaut werden.

Fangen wir mit unserem Favorit gleich an.

Anything Slider

anithing

mehr lesen

Apple Icons Slide Menü

Heute will euch CODDrops zeigen, wie ein Apple-Style Navigation Leiste mit Beweglichen Icons zu machen ist. Obwohl Fancy und Apple nicht wirklich zusammenpassen, dachte CODDrops  es ist Zeit für was neues.

Diese Menü sieht sehr der Apfel-Stil Navigation ähnlich aber es enthüllt einige Icons, wenn man mit der Maus darüber geht. Die Icons rutschen hinaus  und wenn die Maus die wieder vom Menüpunkt entfernt, rutscht das Icon zurück unter das Menü. Dies schafft eine ordentliche und saubere Wirkung.

fancy_apple_icons

Das Bild für zum TUTORIAL >>>

mehr lesen

Tooltip als Menü Nutzen

Der Tooltip und jQuery sind schon feine Sachen, aber in manchen Punkten hackt es mit den einfachsten CSS Befehlen. So z.b. wenn man den Tooltip auf der Seite in eine Fixe oder Zentrierte Position bringen will. Wir hatten selbst genug Probleme mit diesem Phänomen. Bei der Codierung der Seite haben wir den Tooltip schön ausgerichtet, doch beim Kontrollieren auf einem anderen Rechner, sind wir bald umgefallen. Das Menü wollte einfach nicht auf Position bleiben. Bei einer kleineren Auflösung ist das Menü immer nach Links verschoben worden. Bei einer  größeren Auflösung nach rechts. Da war der schöne Effekt gleich mal wieder hin.

Original

[sourcecode language="java"]
$(document).ready(function() {
// enable tooltip for "download" element. use the "slide" effect
$("#download_now").tooltip({ effect: ‘slide’});
});
[/sourcecode]

Nach einigem Suchen im www und probieren von befehlen sind wir aber dann doch auf die Lösung gekommen. Da wir schon eine Anfrage bekommen haben wie das den nun Funktioniert schreiben wir einfach hier eine kleines Tutorial wie wir es gemacht haben.

demo Download

Das solltet Ihr Laden.

1. FULL jQuery

2. tooltip_menu.js

3.Tooltip_menu.css

Oder das Komplette Paket

Wir haben als erste die .js Datei mal aufgemotzt Indem wir noch ein paar Funktionen und Änderungen eingebracht haben. Damit der Tooltip endlich auf einer Angegebenen Position Bleibt.

Technorati-Tags: ,,,,

Damit alles am richtigen Platz erscheint mussten wir ein paar Classen einfügen.

mehr lesen