Forum PHP.pl > [AJAX][JavaScript]Opuszczanie diva i podnoszenie go.

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [AJAX][JavaScript]Opuszczanie diva i podnoszenie go.

GoOx

30.09.2012, 10:39:29

Cześć,

Od dawno nie siedziałem w żadnym programowaniu a co do piero w javascripcie i trochę sie pozapominało.

mam tu taki kodzik:

[HTML] pobierz, plaintext 
<script type='text/javascript'>
$('#home') {
    .mouseover(function() {
        $('#home').animate({ top: '+=10'}, 1000)};
    .mouseout(function() {
        $('#home').animate({ top: '-=10'}, 1000)};
    )};
 
</script>
[HTML] pobierz, plaintext

I zasadnicze pytanie czy on siest dobrze ułożony? Ma mi obuszczać diva po najechaniu na niego o 10px a jak zjedzimy z niego aby go podwyższał o 10px.

Pozdrawiam GoOx.

takie coś też nie działa :

[HTML] pobierz, plaintext 
 $('.home').mouseover(function() {
  $('.home').animate({ margin-top: '+=10px'}, 1000, function() {});
});
 
 $('.home').mouseout(function() {
  $('.home').animate({ margin-top: '-=10px'}, 1000, function() {});
});
[HTML] pobierz, plaintext

Hosiek

30.09.2012, 10:44:54

Uzyj tego:

Kod

<!DOCTYPE html>
<html>
<head>
  <style>
div { background:#de9a44; margin:3px; width:80px;
height:40px; display:none; float:left; }
</style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  Click me!
<div></div>
<div></div>
<div></div>
<script>
$(document.body).click(function () {
if ($("div:first").is(":hidden")) {
$("div").slideDown("slow");
} else {
$("div").hide();
}
});

</script>

</body>
</html>

oczywiscie ustawiasz sobie szerokosc i wysokosc diva, a podnoszenie i opuszczanie będziesz mial plynne

GoOx

30.09.2012, 10:57:51

Ale ja chcę przesunąc diva a nie go pokazywać.

Ten kod ma działać do tej linijki kodu:

[HTML] pobierz, plaintext 
<a href='index.php' id='home' class='non_un'><div class='home'><div class='txxt'><? echo $lang_home; ?></div></div></a>
[HTML] pobierz, plaintext

Już działa
zostaosowałem taki kod:

[HTML] pobierz, plaintext 
 $('.home').mouseover(function() {
  $(".home").animate({"top": "+=10px"}, 1000);
});
 
 $('.home').mouseout(function() {
  $(".home").animate({"top": "-=10px"}, "slow");
});
[HTML] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.