Jelizaveta Ostapjuk koduleht
$(document).ready(function() {
let clickCount = 0;
function pink(){
$(‘#text’).css(‘color’, ‘pink’);
}
function black(){
$(‘h2, #text’).css(‘color’, ‘black’);
}
function red(){
$(‘h2’).css(‘color’, ‘red’);
}
function liikumiskoord(event, ui){
var koht=ui.offset;
$(‘#koordinadid’).html(“Koordinaadid: “+”y: “+koht.top +” x: “+ koht.left);
}
function Disappear() {
$(‘#text’).fadeOut(1000);
$(‘#text’).fadeIn(1000);
}
function ClickCount() {
clickCount++;
$(‘#clickCount’).text(‘Klikke: ‘ + clickCount);
}
function leht(){
$(‘#text’).mouseenter(pink);
$(‘h2’).mouseenter(red);
$(‘h2, #text’).mouseleave(black);
$(‘#text’).click(Disappear)
$(‘#clickButton’).click(ClickCount);
$(‘#pilt2’).draggable();
$(‘#pilt2’).bind(“drag”, liikumiskoord);
}
leht();
});
Jelizaveta veebirakenduste koduleht
Veebirakenduste aluste põhiteemad
- HTML, CSS
- Javascript
- PHP+mySQL andmebaasiga ühendumine
- WordPress
JQuery näited
Hõljutage kursorit teksti kohal või klõpsake sellel
Klikke: 0
WordPress`i teemad
- WP paigaldus
- WP seadistus
- WP Multisite plugin
- WP kontaktivormide loomine
- E-poe loomine
- jne
let PildiNimed=[“https://jelizavetaostapjuk23.thkit.ee/wp/wp-content/uploads/2024/10/Beach.png”, “https://jelizavetaostapjuk23.thkit.ee/wp/wp-content/uploads/2024/10/Cloud.png”,
“https://jelizavetaostapjuk23.thkit.ee/wp/wp-content/uploads/2024/10/Star.png”, “https://jelizavetaostapjuk23.thkit.ee/wp/wp-content/uploads/2024/10/House.png”, “https://jelizavetaostapjuk23.thkit.ee/wp/wp-content/uploads/2024/10/Face.png”];
let aktiivnePilt=0;
function vahelduvPilt(){
aktiivnePilt++; //suurendakse 1 võrra
if(aktiivnePilt>=PildiNimed.length){
aktiivnePilt=0;
}
document.getElementById(“pilt2”).src=PildiNimed[aktiivnePilt];
}
function hiirSisse(){
document.getElementById(“pilt”).src =”https://jelizavetaostapjuk23.thkit.ee/wp/wp-content/uploads/2024/10/Cloud.png”;
let vastus=document.getElementById(“vastus”);
vastus.innerHTML=”Pilt on muutunud”;
vastus.style.color = ‘blue’;
}
function hiirValja(){
document.getElementById(“pilt”).src=”https://jelizavetaostapjuk23.thkit.ee/wp/wp-content/uploads/2024/10/House.png”
let vastus=document.getElementById(“vastus”);
vastus.innerHTML=”Pilt on veel kord muutunud”;
vastus.style.color = ‘purple’;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
text-align: center;
}
.image-container {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.image-container img {
max-width: 40%;
height: auto;
}
main section {
background-color: AntiqueWhite;
border: solid 4pt BurlyWood;
border-radius: 30px;
margin: 5px;
width: 40%;
}
main section h2 {
color: SaddleBrown;
font-variant: small-caps;
text-align: center;
}
#JQuery {
width: 90%;
background-color: AntiqueWhite;
border: solid 4pt BurlyWood;
border-radius: 30px;
padding: 20px;
}
#text {
position: relative;
left: 10px;
max-width: 100%;
overflow: hidden;
}
.flex-container {
display: flex;
justify-content: space-between;
}
.flex-container section {
flex: 1;
margin: 5px;
background-color: AntiqueWhite;
border: solid 4pt BurlyWood;
border-radius: 30px;
padding: 20px;
}
