---
title: "Webdesign Inspiration: JavaScript Elemente geschickt eingesetzt"
author: "Ellen Bauer"
date: 2010-05-21
lang: de
source: https://elmastudio.de/webdesign-inspiration-javascript-elemente-geschickt-eingesetzt/
---

# Webdesign Inspiration: JavaScript Elemente geschickt eingesetzt

JavaScript-Elemente sind der totale Trend im Webdesign. Und gekonnt eingesetzt kann man mit ihrer Hilfe Webseiten-Elemente praktisch und optisch ansprechend verpacken. Ich habe mich auf die Suche nach schlauen Lösungen mit JavaScript-Effekten gemacht. Schau dir meine Auswahl an, und lass dich inspirieren :-)

## 1. [Vtravelled](http://vtravelled.com/)

![Webdesign Inspiration: JavaScript Elemente](https://elmastudio.de/wp-content/uploads/2010/05/javascript-elemente-webdesign-01.jpg)

Tooltips der neusten Twitter-Tipps.

![Webdesign Inspiration: JavaScript Elemente](https://elmastudio.de/wp-content/uploads/2010/05/javascript-elemente-webdesign-02.jpg)

Show/Hide on Klick-Effekt der Google Maps Ansicht.

![Webdesign Inspiration: JavaScript Elemente](https://elmastudio.de/wp-content/uploads/2010/05/javascript-elemente-webdesign-03.jpg)

Horizontaler Accordion-Slider der Features Artikel im Footer.

## 2. [Sleepover](http://www.sleepoversf.com/)

![Webdesign Inspiration: JavaScript Elemente](https://elmastudio.de/wp-content/uploads/2010/05/javascript-elemente-webdesign-04.jpg)

Animierte Sidebar-Navigation mit Smooth Scroll.

## 3. [Casey Dunn Photography](http://www.caseydunn.net/)

![Webdesign Inspiration: JavaScript Elemente](https://elmastudio.de/wp-content/uploads/2010/05/javascript-elemente-webdesign-05.jpg)

Animierte Thumbnails bei Übersicht der Fotogalerie.

![Webdesign Inspiration: JavaScript Elemente](https://elmastudio.de/wp-content/uploads/2010/05/javascript-elemente-webdesign-06.jpg)

Slider bei Einzelansicht der Fotos.

## 4. [Piipe](http://www.piipeonline.com/)

![Webdesign Inspiration: JavaScript Elemente](https://elmastudio.de/wp-content/uploads/2010/05/javascript-elemente-webdesign-07.jpg)

Fancybox zur Ansicht der Unterseiten und Slider mit Fade-Effekt zur Detail-Ansicht der einzelnen Arbeiten.

## 5. [Delibar](http://www.delibarapp.com/)

![Webdesign Inspiration: JavaScript Elemente](https://elmastudio.de/wp-content/uploads/2010/05/javascript-elemente-webdesign-08.jpg)

Show/Hide on Klick Tab-Menü mit Suche, Lesezeichen, Neusten Artikeln etc.

![Webdesign Inspiration: JavaScript Elemente](https://elmastudio.de/wp-content/uploads/2010/05/javascript-elemente-webdesign-09.jpg)

Animierter Content-Slider mit Tab-Menü.

## 6. [Paramore Redd](http://paramoreredd.com/)

![Webdesign Inspiration: JavaScript Elemente](https://elmastudio.de/wp-content/uploads/2010/05/javascript-elemente-webdesign-10.jpg)

Featured Content Slider mit Navigation und animierten Projekt-Details.

![Webdesign Inspiration: JavaScript Elemente](https://elmastudio.de/wp-content/uploads/2010/05/javascript-elemente-webdesign-11.jpg)

Tab-Menü zum Sortieren der Projekte.

## 7. [Fresh 01](http://fresh01.co.za/)

[http://blog.vtravelled.com/](<a%20href=)">![Webdesign Inspiration: JavaScript Elemente](https://elmastudio.de/wp-content/uploads/2010/05/javascript-elemente-webdesign-12.jpg)

Navigation mit Tooltips und Smooth Scroll.

![Webdesign Inspiration: JavaScript Elemente](https://elmastudio.de/wp-content/uploads/2010/05/javascript-elemente-webdesign-13.jpg)

Wechselnde divs je nach Scroll-Location.

## 8. [Veerle's Blog](http://veerle.duoh.com/)

![Webdesign Inspiration: JavaScript Elemente](https://elmastudio.de/wp-content/uploads/2010/05/javascript-elemente-webdesign-14.jpg)

Tab-Menü mit Icons in der Sidebar.

## 9. [Creanto](http://www.creanto.com/)

![Webdesign Inspiration: JavaScript Elemente](https://elmastudio.de/wp-content/uploads/2010/05/javascript-elemente-webdesign-15.jpg)

Unterseiten sichtbar mit Show/Hide on Mouseover-Effekt.

## 10. [Brizk Design](http://www.brizk.com/)

![Webdesign Inspiration: JavaScript Elemente](https://elmastudio.de/wp-content/uploads/2010/05/javascript-elemente-webdesign-16.jpg)

Projekt-Details als Accordion.

![Webdesign Inspiration: JavaScript Elemente](https://elmastudio.de/wp-content/uploads/2010/05/javascript-elemente-webdesign-17.jpg)

Slider für Budget-Option im Kontaktformular.

![Webdesign Inspiration: JavaScript Elemente](https://elmastudio.de/wp-content/uploads/2010/05/javascript-elemente-webdesign-18.jpg)

Twitter-Details mit Show/Hide on Mouseover-Effekt.

Wie gefallen dir diese JavaScript-Elemente? Nutzt du selbst gerne JavaScript oder kennst du weitere Webseiten, die JavaScript geschickt einsetzen? Ich freue mich sehr auf dein Feedback und deine Tipps!