In legatura cu jQuery
Scris: Joi Feb 20, 2014
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
CSS:
Mentionez e prima oara cand lucrez cu jquery.Stiu trebuia sa o iau mai slow dar imi trebuie genu de chestie.Multumesc.
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>
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;}