A kész szöveg méretének és weboldalon elhelyezkedésének beállítása folyamatban
Forráskód:
<html>
<head>
<title></title>
<script src="js/jquery.js"></script>
<script>
$("document").ready(function(){
$("#tagul").click(function(){
$("#textbox").animate({width: "500px"},2000);
});
$("#szukul").click(function(){
$("#textbox").animate({width: "200px"},2000);
});
$("#tolodj").click(function(){
$("#textbox").animate({marginLeft: "200px"},2000);
});
$("#nagyobb").click(function(){
$("#textbox").animate({fontSize: "35px"},2000);
});
$("#osszevont").click(function(){
$("#textbox").animate({fontSize: "20px",marginLeft: "100px", width: "350px"},5000);
});
});
</script>
<style>
#textbox{
width: 200px;
background-color: aqua;
position: absolute;
}
</style>
</head>
<body>
<a href="#" id="tagul"> Novekedj </a>|<a href="#" id="szukul"> Összenyomás</a>|<a href="#" id="tolodj"> Tolodj jobbra</a>|<a href="#" id="nagyobb"> Nagyobb</a>|<a href="#" id="osszevont"> Összevont</a>
<div id="textbox">
A Fehérvár FC Székesfehérvár első számú labdarúgóklubja, amely a magyar élvonalban szerepel. 1941-ben Székesfehérvári Vadásztölténygyár SK néven alapították. A csapat színei Székesfehérvár színei, vagyis a piros és a sötétkék. Hazai mérkőzéseit a Sóstói Stadionban játssza.
Háromszoros magyar bajnok, kétszeres kupa- és kétszeres szuperkupa-győztes. Az UEFA-kupa 1984–1985-ös kiírásának ezüstérmese, ahol a spanyol Real Madrid ellen játszott döntőt. Hazai pályán 3–0-ra vesztett, a visszavágón pedig 1–0-ra nyert Madridban.
</div>
</body>
</html>
Videó: