diff --git "a/works/\320\2323323/\320\237\320\265\321\202\321\200\320\276\320\262\320\260_\320\222\320\270\320\272\321\202\320\276\321\200\320\270\321\217/lab5/image.png" "b/works/\320\2323323/\320\237\320\265\321\202\321\200\320\276\320\262\320\260_\320\222\320\270\320\272\321\202\320\276\321\200\320\270\321\217/lab5/image.png" new file mode 100644 index 000000000..e94f84c90 Binary files /dev/null and "b/works/\320\2323323/\320\237\320\265\321\202\321\200\320\276\320\262\320\260_\320\222\320\270\320\272\321\202\320\276\321\200\320\270\321\217/lab5/image.png" differ diff --git "a/works/\320\2323323/\320\237\320\265\321\202\321\200\320\276\320\262\320\260_\320\222\320\270\320\272\321\202\320\276\321\200\320\270\321\217/lab5/image1.png" "b/works/\320\2323323/\320\237\320\265\321\202\321\200\320\276\320\262\320\260_\320\222\320\270\320\272\321\202\320\276\321\200\320\270\321\217/lab5/image1.png" new file mode 100644 index 000000000..ff28e76d7 Binary files /dev/null and "b/works/\320\2323323/\320\237\320\265\321\202\321\200\320\276\320\262\320\260_\320\222\320\270\320\272\321\202\320\276\321\200\320\270\321\217/lab5/image1.png" differ diff --git "a/works/\320\2323323/\320\237\320\265\321\202\321\200\320\276\320\262\320\260_\320\222\320\270\320\272\321\202\320\276\321\200\320\270\321\217/lab5/image3.png" "b/works/\320\2323323/\320\237\320\265\321\202\321\200\320\276\320\262\320\260_\320\222\320\270\320\272\321\202\320\276\321\200\320\270\321\217/lab5/image3.png" new file mode 100644 index 000000000..7a39e7a21 Binary files /dev/null and "b/works/\320\2323323/\320\237\320\265\321\202\321\200\320\276\320\262\320\260_\320\222\320\270\320\272\321\202\320\276\321\200\320\270\321\217/lab5/image3.png" differ diff --git "a/works/\320\2323323/\320\237\320\265\321\202\321\200\320\276\320\262\320\260_\320\222\320\270\320\272\321\202\320\276\321\200\320\270\321\217/lab5/index.html" "b/works/\320\2323323/\320\237\320\265\321\202\321\200\320\276\320\262\320\260_\320\222\320\270\320\272\321\202\320\276\321\200\320\270\321\217/lab5/index.html" new file mode 100644 index 000000000..e9cfc3224 --- /dev/null +++ "b/works/\320\2323323/\320\237\320\265\321\202\321\200\320\276\320\262\320\260_\320\222\320\270\320\272\321\202\320\276\321\200\320\270\321\217/lab5/index.html" @@ -0,0 +1,51 @@ + + + + + Карта изображений + + + +

Карта изображений

+
+ + + + + + + + + + + + + + + + +
+ +
+
+ + + Страница 1 + + Курсор + + Фон + + Видео + + Сообщение + + Анимация + + + + + \ No newline at end of file diff --git "a/works/\320\2323323/\320\237\320\265\321\202\321\200\320\276\320\262\320\260_\320\222\320\270\320\272\321\202\320\276\321\200\320\270\321\217/lab5/page1.html" "b/works/\320\2323323/\320\237\320\265\321\202\321\200\320\276\320\262\320\260_\320\222\320\270\320\272\321\202\320\276\321\200\320\270\321\217/lab5/page1.html" new file mode 100644 index 000000000..841d857ac --- /dev/null +++ "b/works/\320\2323323/\320\237\320\265\321\202\321\200\320\276\320\262\320\260_\320\222\320\270\320\272\321\202\320\276\321\200\320\270\321\217/lab5/page1.html" @@ -0,0 +1,30 @@ + + + + + Страница 1 + + + + + Mooorning + + + diff --git "a/works/\320\2323323/\320\237\320\265\321\202\321\200\320\276\320\262\320\260_\320\222\320\270\320\272\321\202\320\276\321\200\320\270\321\217/lab5/script.js" "b/works/\320\2323323/\320\237\320\265\321\202\321\200\320\276\320\262\320\260_\320\222\320\270\320\272\321\202\320\276\321\200\320\270\321\217/lab5/script.js" new file mode 100644 index 000000000..fc63212aa --- /dev/null +++ "b/works/\320\2323323/\320\237\320\265\321\202\321\200\320\276\320\262\320\260_\320\222\320\270\320\272\321\202\320\276\321\200\320\270\321\217/lab5/script.js" @@ -0,0 +1,73 @@ +function changeBackground() { + document.body.style.backgroundColor = getRandomColor(); + } + + function getRandomColor() { + const letters = '0123456789ABCDEF'; + let color = '#'; + for (let i = 0; i < 6; i++) { + color += letters[Math.floor(Math.random() * 16)]; + } + return color; + } + + + function showVideo() { + const video = document.getElementById('myVideo'); + const container = document.getElementById('videoContainer'); + container.style.display = 'block'; + video.currentTime = 0; + video.play(); + + video.onended = function() { + container.style.display = 'none'; + }; + } + + function startStarfall() { + for (let i = 0; i < 30; i++) { + const cow = document.createElement('div'); + cow.classList.add('cow'); + cow.innerText = '🐮'; + + // Либо с левой, либо с правой половины экрана + const side = Math.random() < 0.5 ? 'left' : 'right'; + const offset = Math.random() * 50; // от 0 до 50vw + cow.style.position = 'fixed'; + cow.style.top = '-50px'; + cow.style[side] = `${offset}vw`; + cow.style.fontSize = '32px'; + cow.style.zIndex = 9999; + + const duration = 3 + Math.random() * 2; + cow.style.animation = `fall ${duration}s linear`; + + document.body.appendChild(cow); + + setTimeout(() => { + cow.remove(); + }, duration * 1000); + } + } + + + function changeCursor() { + document.body.style.cursor = 'url("image3.png"), auto'; + setTimeout(() => { + document.body.style.cursor = 'default'; + }, 5000); // через 5 секунд вернётся + } + + function showMessage() { + const msg = document.createElement('div'); + msg.className = 'popup-message'; + msg.innerHTML = '🎉 Отличного настроения и крутых идей! 🚀'; + + document.body.appendChild(msg); + + setTimeout(() => { + msg.remove(); + }, 3000); // исчезает через 3 секунды + } + + diff --git "a/works/\320\2323323/\320\237\320\265\321\202\321\200\320\276\320\262\320\260_\320\222\320\270\320\272\321\202\320\276\321\200\320\270\321\217/lab5/style.css" "b/works/\320\2323323/\320\237\320\265\321\202\321\200\320\276\320\262\320\260_\320\222\320\270\320\272\321\202\320\276\321\200\320\270\321\217/lab5/style.css" new file mode 100644 index 000000000..c133ad812 --- /dev/null +++ "b/works/\320\2323323/\320\237\320\265\321\202\321\200\320\276\320\262\320\260_\320\222\320\270\320\272\321\202\320\276\321\200\320\270\321\217/lab5/style.css" @@ -0,0 +1,56 @@ +body { + font-family: sans-serif; + text-align: center; + background-color: #f5f5f5; + } + +#videoContainer { + position: absolute; + top: 70px; + left: 80px; + z-index: 10; + display: none; + background-color: white; + padding: 10px; + border-radius: 8px +} + +.star { + position: fixed; + top: -30px; + font-size: 24px; + animation: fall linear; + z-index: 9999; + pointer-events: none; + color: gold; +} + +@keyframes fall { + to { + transform: translateY(110vh) rotate(360deg); + opacity: 0; + } +} + +.popup-message { + position: fixed; + top: 30%; + left: 50%; + transform: translate(-50%, -50%); + background: #ffe680; + color: #333; + padding: 20px 30px; + border: 2px solid #ff9900; + border-radius: 10px; + font-size: 20px; + font-weight: bold; + z-index: 9999; + animation: popFade 3s ease-in-out forwards; + box-shadow: 0 0 15px rgba(0,0,0,0.2); +} + +@keyframes popFade { + 0% { transform: translate(-50%, -50%) scale(0.8); opacity: 0; } + 20% { transform: translate(-50%, -50%) scale(1.05); opacity: 1; } + 100% { transform: translate(-50%, -50%) scale(1); opacity: 0; } +} diff --git "a/works/\320\2323323/\320\237\320\265\321\202\321\200\320\276\320\262\320\260_\320\222\320\270\320\272\321\202\320\276\321\200\320\270\321\217/lab5/video.mp4" "b/works/\320\2323323/\320\237\320\265\321\202\321\200\320\276\320\262\320\260_\320\222\320\270\320\272\321\202\320\276\321\200\320\270\321\217/lab5/video.mp4" new file mode 100644 index 000000000..c0de0a516 Binary files /dev/null and "b/works/\320\2323323/\320\237\320\265\321\202\321\200\320\276\320\262\320\260_\320\222\320\270\320\272\321\202\320\276\321\200\320\270\321\217/lab5/video.mp4" differ diff --git "a/works/\320\2323323/\320\237\320\265\321\202\321\200\320\276\320\262\320\260_\320\222\320\270\320\272\321\202\320\276\321\200\320\270\321\217/lab5/\320\236\321\202\321\207\320\265\321\202_\320\237\320\265\321\202\321\200\320\276\320\262\320\260_\320\222\320\270\320\272\321\202\320\276\321\200\320\270\321\217.odt" "b/works/\320\2323323/\320\237\320\265\321\202\321\200\320\276\320\262\320\260_\320\222\320\270\320\272\321\202\320\276\321\200\320\270\321\217/lab5/\320\236\321\202\321\207\320\265\321\202_\320\237\320\265\321\202\321\200\320\276\320\262\320\260_\320\222\320\270\320\272\321\202\320\276\321\200\320\270\321\217.odt" new file mode 100644 index 000000000..0b15f7af4 Binary files /dev/null and "b/works/\320\2323323/\320\237\320\265\321\202\321\200\320\276\320\262\320\260_\320\222\320\270\320\272\321\202\320\276\321\200\320\270\321\217/lab5/\320\236\321\202\321\207\320\265\321\202_\320\237\320\265\321\202\321\200\320\276\320\262\320\260_\320\222\320\270\320\272\321\202\320\276\321\200\320\270\321\217.odt" differ