ugrás a tartalomhoz

div effekt

simisoma · 2009. Már. 7. (Szo), 21.39
Sziasztok!

Szeretnék egy olyat csinálni az oldalamra, az ajánlatok nevei és fotói balról jobbra ússzanak a táblázatomban.

Jquery - vel láttam hasonlót, de az csak gombnyomásra ment.

Nekem olyan kellene ami egy kb 10 képet, nevet visz folyamatosan balról jobbra, ha lehet a végén valami effektel tűnjön el.

Van erre valami megoldás?

Hálás köszönet!!!! :-) SimiSoma
‹ form url target setTimeout('document.myForm.submit()',5000); ›
 ■
1

Gombnyomás

Poetro · 2009. Már. 7. (Szo), 22.23
Ha jQuery-ben láttál ilyet gombnyomásra, akkor biztosan megoldható / átírható az a megoldás úgy is, hogy ne kelljen gombot nyomni. Az eltűntetés jQuery-ben pedig a legegyszerűbb.
2

Jquery kód

simisoma · 2009. Már. 7. (Szo), 23.39
Beírtam a kódot, de sajna nem értek hozzá, hogy azt megoldjam autómatikussan induljon el a div, ne keljen kattintani.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Chainable Transition Effects</title>

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">
$(document).ready(function(){


	$(".run").click(function(){
	
		$("#box").animate({opacity: "0.1", right: "+=400"}, 1200)
	//	.animate({opacity: "0.4", top: "+=160", height: "20", width: "20"}, "slow")
	//	.animate({opacity: "1", left: "0", height: "100", width: "100"}, "slow")
	//	.animate({top: "0"}, "fast")
	//	.slideUp()
		.slideDown("slow")
		return false;
	
	});

});
</script>

<style type="text/css">
body {
	margin: 20px auto;
	padding: 0;
	width: 580px;
	font: 80%/120% Arial, Helvetica, sans-serif;
}
a {
	font-weight: bold;
	color: #000000;
}
#box {
	background: #6699FF;
	height: 100px;
	width: 100px;
	position: relative;
}
</style>
</head>

<body>
<p><a href="#" class="run">Run</a></p>
<script>
</script>
<div id="box">
</div>

</body>
</html>
3

$(document).ready(function(){

Poetro · 2009. Már. 7. (Szo), 23.42
$(document).ready(function(){  
    $(".run").each(function(){  
        $("#box").animate({opacity: "0.1", right: "+=400"}, 1200)  
    //  .animate({opacity: "0.4", top: "+=160", height: "20", width: "20"}, "slow")  
    //  .animate({opacity: "1", left: "0", height: "100", width: "100"}, "slow")  
    //  .animate({top: "0"}, "fast")  
    //  .slideUp()  
        .slideDown("slow")  
        return false;     
    });  
});
4

Most nézegetem a jquery-t és

csaba86 · 2009. Május. 31. (V), 12.38
Most nézegetem a jquery-t és pl itt is látni, hogy kommentben van pár sor. Ezek miért vannak? Annyira nem értek még ehhez azért, ezért kérdezem. :)