Nu sunteti conectat. Conectati-va sau inregistrati-va

text in mai multe blocuri care se maresc

In jos  Mesaj [Pagina 1 din 1]

1 text in mai multe blocuri care se maresc la data de Lun Aug 16, 2010 7:07 pm

DELETE


Banned
Banned
Daca vreti sa faceti asa ceva:
[Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Nu trebuie decat sa scrieti acest cod si sal editati dupa placul dvs.
Codul este:
Cod:
<!DOCTYPE html>
<html>
<head>
  <style>div {
  background-color:#bca;
  width:200px;
  height:1.1em;
  text-align:center;
  border:2px solid green;
  margin:3px;
  font-size:14px;
}
button {
  font-size:14px;
}
</style>
  <script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
   <button id="go1">» Animate Block1</button>
<button id="go2">» Animate Block2</button>
<button id="go3">» Animate Both</button>

<button id="go4">» Reset</button>
<div id="block1">Block1</div>
<div id="block2">Block2</div>
<script>

$("#go1").click(function(){
  $("#block1").animate( { width:"90%" }, { queue:false, duration:3000 } )
    .animate( { fontSize:"24px" }, 1500 )
    .animate( { borderRightWidth:"15px" }, 1500);
});

$("#go2").click(function(){
  $("#block2").animate( { width:"90%"}, 1000 )
    .animate( { fontSize:"24px" } , 1000 )
    .animate( { borderLeftWidth:"15px" }, 1000);
});

$("#go3").click(function(){
  $("#go1").add("#go2").click();
});

$("#go4").click(function(){
  $("div").css({width:"", fontSize:"", borderWidth:""});
});

</script>

</body>
</html>

Vezi profilul utilizatorului

Sus  Mesaj [Pagina 1 din 1]

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum