Hover-Akkordeon

Dies ist eine Testseite für das JS-Hover-Akkordeon. Auch dieses Akkordeon benutzt ein automatisiertes Skript, welches beliebige Jimdo-Elemente in Akkordeon-Elemente umwandelt. Für die Inhalte der Akkordeon-Elemente können alle Jimdo-Standardelemente benutzt werden. 

 

Das Hover-Accordeon funktioniert wie das Trigger- Akkordeon, die Akkoreon-Elemente klappen jedoch bereits beim Überstreichen des Triggers mit der Maus auf. Das Schliessen wird mit einem Klick auf den Trigger ausgelöst.* Für mobile Geräte (Touch-Screens) ist immer ein Klick zum Auslösen der Akkordeon Events erforderlich. 

 

*Ein automatisches Schliessen (onMouseOut) kann auch eingerichtet werden, aber die händische Variante sorgt für eine ruhigere Performance.

 

Beispiele:

Nur ein kurzer Test

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat


create_trigger

Nur ein kurzer Test

Yippieh! Dein Besucher ist jetzt hier – der erste Schritt ist gemacht. Wie du ihn jetzt auf deiner Seite hältst? Indem du hier fortsetzt, was du im ersten Textblock angefangen hast. Im ersten Textblock gibt es ja eine kurze, knackige Übersicht. Hier, in diesem Bereich, kannst du jetzt weiter in die Details gehen und wichtige Infos, die oben noch keinen Platz bekommen haben, weiter ausführen. Wie auch oben gilt: So kurz wie möglich, so lang wie nötig. Man kennt das von sich selbst: Internetnutzer lieben kurz gehaltene und informative Texte sehr; Wiederholungen und Übertreibungen hingegen kommen weniger gut an. Jetzt haben wir aber genug erzählt. Du machst das schon! 


create_content

Portfolio

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat


create_trigger

Portfolio

Hallo, ich bin ein Textblock! Ich bin hier, um dir ein wenig Inspiration für deine eigenen Texte auf deiner neuen Webseite zu liefern. Gut? Super, los geht’s:Kennst du die KISS-Regel? Heißt: Keep it short and simple, also halte es kurz und einfach. Leser lieben nämlich knackige Texte. Versuch also, alles so gut wie möglich auf den Punkt zu bringen.Texte, die Google & Co. lieben: Verwende Suchbegriffe, mit denen du selbst nach dir googeln würdest. Gerne am besten in der Überschrift, das kommt bei Suchmaschinen besonders gut an.


create_content

Das Studio

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam my mummy eirmod tempor invidunt ut labore et dolore magna aliquyam erat


create_trigger

Das Studio

Hallo, ich bin ein Textblock! Ich bin hier, um dir ein wenig Inspiration für deine eigenen Texte auf deiner neuen Webseite zu liefern. Gut? Super, los geht’s: Kennst du die KISS-Regel? Heißt: Keep it short and simple, also halte es kurz und einfach. Leser lieben nämlich knackige Texte. Versuch also, alles so gut wie möglich auf den Punkt zu bringen. Texte, die Google & Co. lieben: Verwende Suchbegriffe, mit denen du selbst nach dir googeln würdest. Gerne am besten in der Überschrift, das kommt bei Suchmaschinen besonders gut an.


create_content

Handmade in Stockholm

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat


create_trigger

Handmade in Stockholm

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

 

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.  

 

 

 

 

 

Jimdo horiz. Bilder-Galerie

Jimdo-Standard-Slider


create_content
Skripte

*Achtung: gilt nur mit Einschränkungen für Elemente, die von System dynamisch erstellt werden (z.B. Jimdo-Slider)

change itemprop (Skript)

redesign-berlin.de

Webdesign - Jimdo-Design

Rue du Capit. J. Maridor 9

13405 Berlin 

 

Tel.: +49 (0)30 41709735

Mobil: +49 (0)177 3847069

e-mail: info(at)redesign-berlin.de

Interesse? Schreiben Sie uns eine Nachricht!

Bitte den Code eingeben:

Hinweis: Bitte die mit * gekennzeichneten Felder ausfüllen.


social media

facebook

instagram

twitter

pinterest