animation af element

Wed, 08 Apr 2015 08:13:29 GMT

Hejsa

Jeg har set p� f�lgende side: http://webthemez.com/preview/?john-bootstrap-one-page-html5-free-resume-template/

Hvor n�r man kommer ned i bunden til kontakt s� "flyder" alt flot til siden og kommer frem.

Har sv�rt ved at se hvordan det kommer frem, og er ikke sikker p� om det er jQuery der animerer noget eller CSS3 noget?

Nogen der kan hj�lpe?

Hvordan animerer jeg width p� div?

Wed, 29 May 2013 16:08:06 GMT

Hej alle,

Jeg har en function, hvor brugeren kan v�lge om han/hun vil se den side der redigeres med eller uden underside menu.

Som det er nu, virker det fint, men jeg kunne godt t�nke mig at animere bredden af "den store" div, og s� fade underside menuen ind/ud.

JScript kode

 function animate_sub_menu(to_do) {
 switch( to_do )
 {
 case 'vis' :
 $( '#cms_get_content' ).css({ 'width' : '77%', 'float' : 'right' });    
 setTimeout(function(){ $( '#editor_sub_navigtion' ).fadeIn( 500 ); },50);                
 break;
 
 case 'gem' :
 $( '#editor_sub_navigtion' ).fadeOut( 500 );
 setTimeout(function(){ $( '#cms_get_content' ).css({ 'width' : '100%' }); },510);        
 break;
   }
 }

Jeg s�tter css som fungerer, men det er et �jeblikkeligt skift af bredden, hvorefter jeg fint kan fade underside menuen ind.

Hvordan kan jeg f�rst animere bredden til de 77% og s�tte den til float right, og s� fade undersidemenu ind/ud derefter?

Og selvf�lgelig omvendt: fade underside menuen ud, og herefter animere bredden tilbage til 100%, og fjerne float right?

Mange hilsner,
Klemme

Udvikleren.dk - Seneste [animate] forum tr�de

animation af element

Hvordan animerer jeg width p� div?