+

Miroslav Burdyga veebirakenduste portfoolio

+

📁 Minu HTML ja CSS projektid

Wordpress portfoolio Sql database loomine programmide/andmebaaside jne arendamine pythonis
+

📄 Minust

Tere! Olen Miroslav Burdyga, kes õpib kursusel „ Noorem tarkvaraarendus".

Mul on esimene kogemus HTML, CSS ja JavaScript arenduses. Õpin praegu Tallinna Tööharidus keskus informaatika erialal.

+

Juhtpaneel

+

Selle lehe jQuery funktsioonid

Päise animatsioonid

Päise element kasutab hover() funktsiooni, mis muudab tausta ja teksti värvi, kui liigutate hiire päise kohale.

See on realiseeritud järgmise koodiga:

$('header').hover(
function() { $(this).css('background', '#000').css('color', '#fff'); },
function() { $(this).css('background', '#fff').css('color', '#000'); }
);

Akende liigutamine ja suuruse muutmine

Kõik "system-window" klassi elemendid kasutavad jQuery UI teeki:

  • draggable() - võimaldab hiire abil aknaid lohistada
  • resizable() - võimaldab muuta akende suurust

Nii saame simuleerida klassikalist töölaua kogemust veebilehel.

Menüünuppude efektid

Menüünupud kasutavad animate() funktsiooni, et luua interaktiivne kogemus. Kui viite hiire nupu kohale, suureneb selle vasak veeris.

$('.menu-button').mouseenter(function() {
$(this).animate({ paddingLeft: '25px' }, 100);
}).mouseleave(function() {
$(this).animate({ paddingLeft: '15px' }, 100);
});