Autor |
Nachricht |
wasserraub
Threadersteller
Dabei seit: 25.06.2010
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 15.09.2010 13:51
Titel Hilfe zur Navigationsleiste |
|
|
hallo ihr lieben =)
undzwar folgendes wir müssen für die schule eine homepage bauen.
Wir haben auch schon angefangen und haben eine wundertolle navigationsleiste gefunden die wir gerne so ähnlich
übernehmen würden - weil sie super zu unserer Seite passt.
Nur wir finden die Programmierung dazu nicht in dem Quelltext.
Wäre super wenn jemand so eine ähnliche oder diese Naviagtion zur verfügung stellen würde.
Hier der Link zu der Seite =)
http://www.makebetterwebsites.com/
die navigation die sich rechts oben befindet.
Vielen dank schonmal im vorraus =)
|
|
|
|
|
SimonDerDude
Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht:
|
Verfasst Mi 15.09.2010 14:00
Titel
|
|
|
Das ist JQuery.
Fuchtel einfach mal mit ein paar englischen Begriffen bei Google herum, dann findest du das schon.
Viel Spaß
|
|
|
|
|
Anzeige
|
|
|
wasserraub
Threadersteller
Dabei seit: 25.06.2010
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 15.09.2010 14:37
Titel
|
|
|
aba ganz schön kompliziert gibts da nicht irgendwo nen einfachen quelltext zu ? =D
|
|
|
|
|
DerM
Dabei seit: 18.01.2009
Ort: -
Alter: 42
Geschlecht:
|
Verfasst Mi 15.09.2010 14:50
Titel
|
|
|
Hier haste Futter.. Der Rest ist Hirnschmalz ...
Code: |
jQuery("a.gallery:not(.gallery-aktiv)").css( {backgroundPosition: "0 0"} ).hover(function() {
jQuery(this).stop().animate({backgroundPosition:"(0 -100px)"}, {duration:400});
}, function() {
jQuery(this).stop().animate({backgroundPosition:"(0 0px)"}, {duration:500});
});
jQuery("a.submit:not(.submit-aktiv)").css( {backgroundPosition: "-103px 0"} ).hover(function() {
jQuery(this).stop().animate({backgroundPosition:"(-103px -100px)"}, {duration:400});
}, function() {
jQuery(this).stop().animate({backgroundPosition:"(-103px 0px)"}, {duration:500});
});
jQuery("a.about:not(.about-aktiv)").css( {backgroundPosition: "-238px 0"} ).hover(function() {
jQuery(this).stop().animate({backgroundPosition:"(-238px -100px)"}, {duration:400});
}, function() {
jQuery(this).stop().animate({backgroundPosition:"(-238px 0px)"}, {duration:500});
});
jQuery("a.rss").css( {backgroundPosition: "-313px 0"} ).hover(function() {
jQuery(this).stop().animate({backgroundPosition:"(-313px -100px)"}, {duration:400});
}, function() {
jQuery(this).stop().animate({backgroundPosition:"(-313px 0px)"}, {duration:500});
});
|
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Mi 15.09.2010 14:52
Titel
|
|
|
wundertolle sachen sind aba gern mal kompliziert...
auszug aus der wundertollen functions.js, die man schon über den quelltext finden kann...:
Code: |
jQuery("a.submit:not(.submit-aktiv)").css( {backgroundPosition: "-103px 0"} ).hover(function() {
jQuery(this).stop().animate({backgroundPosition:"(-103px -100px)"}, {duration:400});
}, function() {
jQuery(this).stop().animate({backgroundPosition:"(-103px 0px)"}, {duration:500});
});
|
edit: ach, ich bin zu langsam...
Zuletzt bearbeitet von pixelpapst303 am Mi 15.09.2010 14:53, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
Navigationsleiste
navigationsleiste php
[CSS] Navigationsleiste Schwierigkeiten
Navigationsleiste ausblenden
html Navigationsleiste
Navigationsleiste-Ausrichtung
|
|