��

mybb@mybb.ru (RebelFox) — Wed, 12 Jun 2024 10:41:17 +0300

��

mybb@mybb.ru (RebelFox) — Sun, 22 Oct 2023 00:29:30 +0300

[html]<!DOCTYPE html>
<html>
<head>
<style>
/* �� CSS �� */
.clickable {
cursor: pointer;
position: absolute;
width: 50px;
height: 50px;
display: block;
}

/* CSS �� */
#message {
position: fixed;
bottom: 384px;
right: 370px;
background-color: #333;
color: #fff;
padding: 10px;
border-radius: 6px;
display: none;
}
</style>
</head>
<body>

<div class="clickable" style="margin-left: 10px; margin-top: 20px;">
<img style="display: none" src="https://forumstatic.ru/files/0015/5e/af/77625.png" data-title="�� ! ��!">
</div>

<div class="clickable" style="margin-left: 50px; margin-top: 100px;">
<img style="display: none" src="https://forumstatic.ru/files/0015/5e/af/77625.png" data-title="�� ! ��!">
</div>

<div class="clickable" style="margin-left: 150px; margin-top: 30px;">
<img style="display: none" src="https://forumstatic.ru/files/0015/5e/af/77625.png" data-title="�� ! ��!">
</div>

<div class="clickable" style="margin-left: 200px; margin-top: 120px;">
<img style="display: none" src="https://forumstatic.ru/files/0015/5e/af/77625.png" data-title="�� ! ��!">
</div>

<div class="clickable" style="margin-left: 80px; margin-top: 60px;">
<img style="display: none" src="https://forumstatic.ru/files/0015/5e/af/77625.png" data-title="�� ! ��!">
</div>

<div class="clickable" style="margin-left: 30px; margin-top: 150px;">
<img style="display: none" src="https://forumstatic.ru/files/0015/5e/af/77625.png" data-title="�� ! ��!">
</div>

<div class="clickable" style="margin-left: 180px; margin-top: 90px;">
<img style="display: none" src="https://forumstatic.ru/files/0015/5e/af/77625.png" data-title="�� ! ��!">
</div>

<div class="clickable" style="margin-left: 120px; margin-top: 180px;">
<img style="display: none" src="https://forumstatic.ru/files/0015/5e/af/77625.png" data-title="�� ! ��!">
</div>

<div id="message">
<img src="https://forumstatic.ru/files/0015/5e/af/45998.png" style="float: left; margin-right: 10px;">

<span id="close-button" style="position: absolute; top: 2px; right: 5px; cursor: pointer;">×</span>
<div id="message-content"></div>
</div>

// �� "clickable"
const images = document.querySelectorAll('.clickable');

// HTML-��
const messageElement = document.getElementById('message');
const messageContent = document.getElementById('message-content');
const closeButton = document.getElementById('close-button');

// ��
function showMessage(message) {
messageContent.innerHTML = message;
messageElement.style.display = 'block';
}

// ��
function hideMessage() {
messageElement.style.display = 'none';
}

// ��
closeButton.addEventListener('click', hideMessage);

// ��
function showImage(event) {
const image = event.target.querySelector('img');
if (!image) return;
if (image.style.display === 'block') return; // ��, ��
image.style.display = 'block';
totalClicks++; // ��

// �� 5 ��
setTimeout(hideImage, 5000, image);
}

// ��
function hideImage(image) {
if (image) {
image.style.display = 'none';

}
}

// ��
function disableAllClickables() {
for (let i = 0; i < images.length; i++) {
images[i].style.display = 'none';
}
}

// ��
for (let i = 0; i < images.length; i++) {
images[i].addEventListener('mouseover', showImage);
images[i].addEventListener('click', countClicksAndShowMessage);
}
let clickCount = 0;

function countClicksAndShowMessage() {
// ��, �� , ��
if (totalClicks >= maxTotalClicks) {
showMessage('��! �� , �� , �� .');
disableAllClickables();
return;
}

// ��, �� , ��
if (dailyClicks >= maxDailyClicks) {
showMessage('�� ! �� .');
return;
}
else {
dailyClicks++; // ��
totalClicks++;
// ��
showMessage(`��, � �� ... �� ? ��, �� ${dailyClicks}`);
}
}
}
</script>
</body>
</html>
[/html]

�� ���� �������

���� � ����������

�������

��

��

��