Nawigacja

Aktualnie online

Gości online: 14

Użytkowników online: 0

Łącznie użytkowników: 25,393
Najnowszy użytkownik: Assassin

Logowanie

Zarejestruj się

Odzyskaj hasło

Shoutbox

Musisz zalogować się, aby móc dodać wiadomość.

JazOOn

06.12.2024 23:45:46

Amen

Zbigniew@

17.11.2024 11:33:24

Nie ten grzeszy kto pije, ale ten, kto się nie upije.

JazOOn

16.11.2024 20:46:18

tja

Zbigniew@

15.11.2024 18:58:17

Kto pije, ten nie bije.

JazOOn

31.10.2024 20:49:47

Kto pije?

Archiwum shoutboksa

O nie! Ta strona potrzebuje włączonej obsługi języka JavaScript!

Twoja przeglądarka nie obsługuje tego języka lub ma wyłączoną jego obsługę. Włącz wykonywanie kodu JavaScript w swojej przeglądarce internetowej, aby skorzystać ze wszystkich funkcji strony
lub skorzystaj z programu obsługującego język JavaScript, np. Mozilla Firefox, Apple Safari, Opera, Google Chrome lub Windows Internet Explorer w wersji wyższej niż 6.

Zobacz temat

Polski Oficjalny Support PHP-Fusion » Off Topic » Webmastering

Zmiana wysuwania menu w Ajax na prawą stronę
ostry38	#1 Dodany dnia 02.12.2009 00:00:14
Początkujący Postów: 169 Pomógł: 7 Data rejestracji: 02.12.2008 22:34	Witam chciałbym prosić Was o pomoc bo z tematyką ajax dopiero zaczynam. Problem mam następujący: znalazłem skrypt na wysuwane menu w ajax'ie które jest po lewej stronie, a potrzebuje je mieć po prawej. Próbowałem w css i js zmienić z left na right ale nie było pożądanego efektu. Kod niżej. HTML Rozwiń Kod źródłowy HTML `<div id="panel"> <ul id="main_menu"> <li><a href="#">Strona główna</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">Kontakt</a></li> </ul> <a href="#" class="slide_button" >Menu</a> </div>` Kliknij i zaczekaj na załadowanie kodu ... JS Rozwiń Kod źródłowy JS `$(function(){ $("#panel").css("left","-220px"); $(".slide_button").toggle(function(){ $("#panel").animate({left: "0px"}, 500 ); $(this).addClass("zamknij"); return false; }, function(){ $("#panel").animate({left: "-220px"}, 500 ); $(this).removeClass("zamknij"); return false; }); });` Kliknij i zaczekaj na załadowanie kodu ... CSS Rozwiń Kod źródłowy CSS html { font-family: Arial, Helvetica, Arial, sans-serif; font-size: 14px; height: 100%; width: 100%; } /----------panel----------/ #panel { background: #223344; padding: 10px; width: 200px; position: fixed; margin-top: -100px; /po³owa wysokoœci panelu w górê / left: 0px; top: 50%; } ul#main_menu { list-style: none; } #main_menu a { color: #ffffff; text-decoration: none; } #main_menu a:hover { text-decoration: underline; } /---------przycisk panelu--------/ .slide_button { background: url(przycisk.gif); display: block; height: 60px; text-indent: -9999px; width: 20px; position: absolute; right: -20px; top: 0px; } .zamknij { background-position: -20px 0px; } a:focus { outline:none; } Kliknij i zaczekaj na załadowanie kodu ... Pozdrawiam ostry38. ;) Edytowane przez Pieka dnia 02.12.2009 01:44:31 Pomagam na GG jedynie w drobnych sprawach!


Wścibski Gość	Dodany dnia 22.12.2024 22:20:36
Pan Kontekstualny Postów: n^x Data rejestracji: Zawsze
IP: localhost

Przejdź do forum:

Twój link u nas!

Nawigacja

Główne menu

Komunikacja

Elementarz

Dokumentacja

Aktualnie online

Logowanie

Shoutbox

Zobacz temat