Pagina 1 din 1

In legatura cu jQuery

Scris: Joi Feb 20, 2014
de tycyssg
Am incercat sa vizualizez cate ceva despre jquery si ce mai stie el sa faca si intr-un final am gasit o jumatate de rezolvare a problemei mele.
In principiu am inteles ce face desi nu prea is lamurit cu anumite chestii abordate la partea de html.
Bun am luat si eu codurile si le-am pus si invartit in 100 de moduri dar sa-mi faca fade,nici o sansa.
Crezi ca ma poti ajuta?
Uite aici Fisierele mele.

HTML

Cod: SelectaĊ£i tot

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>test</title>
<link rel="stylesheet" type="text/css" href="astro.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

	    <script type="text/javascript">
     $('#btn').click(function(e){    
    $('#fancy, #btn').fadeOut('slow', function(){
        $('#bank, #btn-bk').fadeIn('slow');
    });
});

$('#btn-bk').click(function(e){    
    $('#bank, #btn-bk').fadeOut('slow', function(){
        $('#fancy, #btn').fadeIn('slow');
    });
});
    </script>
</head>
<body>
<div id="btn"><a href="#">Show bank div and hide fancy div</a></div>
<div id="btn-bk"><a href="#">back</a></div>
<div id="bank">Bank Div</div>
<div id="fancy">Fancy Div</div>
</body>
</html>
CSS:

Cod: SelectaĊ£i tot

body {
    background-color:#000;
    height:800px;
    color:#ccc;
    font:10px "Lucida Grande", "Lucida Sans", "Trebuchet MS", verdana, sans-serif;
}

#bank {display:none;}
#btn-bk {display:none;}
Mentionez e prima oara cand lucrez cu jquery.Stiu trebuia sa o iau mai slow dar imi trebuie genu de chestie.Multumesc.

In legatura cu jQuery

Scris: Joi Feb 20, 2014
de MarPlo
Salut
Codul jQuery /JavaScript trebuia adaugat dupa elementele HTML folosite in el, la sfarsit inante de </body>; sau incadrat in functia ready().
Daca e prima oara cand lucrezi cu jquery, incearca sa studiezi lectiile de la Cursul jQuery de pe site, poate prin exemplele si codurie din el gasesti varianta care sa te ajute la ce vrei sa faci, si inveti elementele de baza.