fulanooo • 18.04.12 16:49![[Tutorial]Elemento deslizante ao clica-lo Empty](https://2img.net/i/empty.gif)
[Tutorial]Elemento deslizante ao clica-lo 18.04.12 16:49
Olá,
Passei vendo uns efeitos jQuery e vi um belo efeito.
Quando você clica no botão, a DIV desliza.
Código:
Cumprimentos![[Tutorial]Elemento deslizante ao clica-lo 557467](https://2img.net/u/2112/28/77/07/smiles/557467.gif)
Passei vendo uns efeitos jQuery e vi um belo efeito.
Quando você clica no botão, a DIV desliza.
Código:
- Código:
<!DOCTYPE html>
<html>
<head>
<style>
div {
position:absolute;
background-color:#abc;
left:50px;
width:90px;
height:90px;
margin:5px;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<button id="left">«</button> <button id="right">»</button>
<div class="block"></div>
<script>
$("#right").click(function(){
$(".block").animate({"left": "+=100px"}, "slow");
});
$("#left").click(function(){
$(".block").animate({"left": "-=100px"}, "slow");
});
if($(".block").css('left', '200px') == true) { $("#left").css('display', 'none'); };
</script>
</body>
</html>
Cumprimentos
Cherameuhabbo • 20.04.12 18:11
