Skocz do zawartości

  • 👋 Witaj na MPCForum!

    Przeglądasz forum jako gość, co oznacza, że wiele świetnych funkcji jest jeszcze przed Tobą! 😎

    • ✅ Pełny dostęp do działów i ukrytych treści
    • ✅ Możliwość pisania i odpowiadania w tematach
    • ✅ System prywatnych wiadomości
    • ✅ Zbieranie reputacji i rozwijanie swojego profilu
    • ✅ Członkostwo w jednej z największych społeczności graczy

    👉 Dołączenie zajmie Ci mniej niż minutę – a zyskasz znacznie więcej!

    Zarejestruj się teraz

Efekt na stronie internetowej ?

Rogetenek

Rekomendowane odpowiedzi

BlackPanda Uczeń

BlackPanda

Opublikowano
Uczeń

BlackPanda

Opublikowano 




<style>



div { width: 50%; height: 50%; }



</style>



<div id="1">A</div>



<div id="2">B</div>



<div id="3">C</div>



<div id="4">D</div>



<script>



//jQuery



$('div').click(function(){



$('div').animate({'width':'0%','height':'0%'}, 1000);



$(this).animate({'width':'100%','height':'100%'}, 1000);



});



</script>







			
		


		

		
			

	

		

		

			
Ostatnio brak czasu i utrudnienia...


...+ Java liżę xD


		

	


		
	


	
    


	




					
					
					
				

					

					
					







					
					
					
				

					

					
					







	

	

	

		

			

				


	
		BlackPanda
	

				
				
					
						
Uczeń
					
				
			

		

		

			

				


BlackPanda
			

			

			    Opublikowano 
				
			

		

	

	
	

		

		
			
Uczeń
		
		




BlackPanda
			
		



		




	

		

			

				
    
					
					
					
					
					
				

			

			
    
				
  • 
					
					
      
						
						
                        
						
						
						
							
								
							
							
							
							
							
							
						
					
    
				
    • 
				
			

		


		

		   
		   Opublikowano 
		   
			
			
				
				
			
		

	


	

    

	

		
		

			
<style>
div { width: 50%; height: 50%; }
</style>
<div id="1">A <a href="#exit">Cofnij</a></div>
<div id="2">B <a href="#exit">Cofnij</a></div>
<div id="3">C <a href="#exit">Cofnij</a></div>
<div id="4">D <a href="#exit">Cofnij</a></div>
<script>
//jQuery
$('div').click(function(){
$('div').animate({'width':'0%','height':'0%'}, 1000);
$(this).animate({'width':'100%','height':'100%'}, 1000);
});
$('a').click(function(){
$('div').animate({'width':'50%','height':'50%'}, 1000);
});
</script>



Proszę. ;)



			
		


		

		
			

	

		

		

			
Ostatnio brak czasu i utrudnienia...


...+ Java liżę xD


		

	


		
	


	
    


	




					
					
					
				

					

					
					







	

	

	

		

			

				


	
		Rogetenek
	

				
				
					
						
Budowniczy
					
				
			

		

		

			

				


Rogetenek
			

			

			    Opublikowano 
				
			

		

	

	
	

		

		
			
Budowniczy
		
		




Rogetenek
			
		



		




	

		

			

				
    
					
						
  • Autor
    • 
					
					
					
					
					
				

			

			
    
				
  • 
					
					
      
						
						
                        
						
						
						
							
								
							
							
							
							
							
							
						
					
    
				
    • 
				
			

		


		

		   
		   Opublikowano 
		   
			
			
				
				
			
		

	


	

    

	

		
		

			
Wszystko pięknie tylko że po kliknieciu w diva rozciaga sie na cala szerkosc i wysokosc i jest ok, po kliknieciu w odnosnik cofnij tak jakby sie przeladowuje animacje i powraca i tak do diva w ktorego kliknieto  :(


			
		


		

		
	


	
    


	




					
					
					
				

					

					
					







					
					
					
				

					

					
					







	

	

	

		

			

				


	
		Rogetenek
	

				
				
					
						
Budowniczy
					
				
			

		

		

			

				


Rogetenek
			

			

			    Opublikowano 
				
			

		

	

	
	

		

		
			
Budowniczy
		
		




Rogetenek
			
		



		




	

		

			

				
    
					
						
  • Autor
    • 
					
					
					
					
					
				

			

			
    
				
  • 
					
					
      
						
						
                        
						
						
						
							
								
							
							
							
							
							
							
						
					
    
				
    • 
				
			

		


		

		   
		   Opublikowano 
		   
			
			
				
				
			
		

	


	

    

	

		
		

			
Strony nie robie na serwerze :) , kod:


<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<style>
* {
	padding: 0;
	margin: 0;
}
body {
	height: 100%;
}
html {
	height: 100%;
}
#c1, #c2, #c3, #c4 {
	width: 50%;
	height: 50%;
	min-height: 50%;
	float: left;
}
#c1 {
    background: pink;
}
#c2 {
    background: green;
}
#c3 {
    background: yellow;
}
#c4 {
    background: #000000;
}
</style>
</head>
<body>

</body>
</html>
<body>

<div id="c1"><a href="#exit">Cofnij</a></div>
<div id="c2"><a href="#exit">Cofnij</a></div>
<div id="c3"><a href="#exit">Cofnij</a></div>
<div id="c4"><a href="#exit">Cofnij</a></div>

<script>
//jQuery
$('div').click(function(){
$('div').animate({'width':'0%','height':'0%'}, 1000);
$(this).animate({'width':'100%','height':'100%'}, 1000);
});
$('a').click(function(){
$('div').animate({'width':'50%','height':'50%'}, 1000);
});
</script>


</body>
</html>




			
		


		

		
	


	
    


	




					
					
					
				

					

					
					







	

	

	

		

			

				


	
		BlackPanda
	

				
				
					
						
Uczeń
					
				
			

		

		

			

				


BlackPanda
			

			

			    Opublikowano 
				
			

		

	

	
	

		

		
			
Uczeń
		
		




BlackPanda
			
		



		




	

		

			

				
    
					
					
					
					
					
				

			

			
    
				
  • 
					
					
      
						
						
                        
						
						
						
							
								
							
							
							
							
							
							
						
					
    
				
    • 
				
			

		


		

		   
		   Opublikowano 
		   
			
			
				
				
			
		

	


	

    

	

		
		

			
var cofnij = false;
$('div').click(function(){
if(cofnij == false){
$('div').animate({'width':'0%','height':'0%'}, 1000);
$(this).animate({'width':'100%','height':'100%'}, 1000);
}
});
$('a').click(function(){
cofnij = true;
$('div').animate({'width':'50%','height':'50%'}, 1000, function(){ cofnij = false; });
});



Do divów w css polecał bym dodać:


overflow: hidden;



			
		


		

		
			

	

		

		

			
Ostatnio brak czasu i utrudnienia...


...+ Java liżę xD


		

	


		
	


	
    


	




					
					
					
				

					

					
					







					
					
					
				

					

					
					







					
					
					
				

					

					
					







					
					
					
				
			
			



		

	


	
	
	
		

			
Zarchiwizowany

			

				Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.
			

		

	
	
	

	







	

		
			
				Tematy
			
		
	

	




						


					

					


					

				

			

			
		

		
		


	

		×
		

			
				

					
				

			

			

			

			
		

	






	

		×
		

			
    
				
  • Dodaj nową pozycję...
    •