???? ??? ???? ??? ??? ????, ??, ???? ??? ???? ? ??? ??? ???. ???? ??? ??? ?? ???? ???? ??? ? ??? ?? ?????? ?? ?? ???? ???? ????. ? ?? ???? ?? ???? ??? ???? ???? ???? ??? ? ????. ???? ??? ???? ??? ????? ?? ?? ?? ? ??? ?? ????? CSS? ???? ????. ? ????? ????? ????? ???? ??? ?? ?????? ??? ? ??? ? ?? ? ?? ?? ?? ????? CSS ??? ???????.
?? ????? CSS? ?
?? ??? ???? ???? ???? ?? ??? ??? ? ??? ???? ???? ????? ?????. ??? ?? ???? ?????? CSS? ?? ?????? ???? ??? ??? ???? ?? ????? ?? ? ????. ?? ?? ????? CSS? ???? ?? ???? ??? ??? ????? ???? ??? ??? ?? ??? ?????. ????? CSS ?? ?????? ???? ???? ??? ?? ?? ???? ?? ????? ???? ?? ???? ?????? ?? ? ????.
CSS ?? ?????? ???? ??? ??????
??? ??: ???? ?? ???? ?? ????? CSS? ???? ????? ?? ??????. ??? ?? ?? ?????? ??? ?? ??? ?? ??? ?????.
??? ??: ?????? ??? ??? ?? ?? ? ????. ???? ?? ???? ????? ? ??? ???? ??? ? ? ???? ??? ??? ??? ???? ?????.
???: ??? ?? ????? CSS? ????? ?? ???? ???? ???? ??? ??? ???? ?? ? ????.
? 1: ?????? ??? ??? ? 5? ??
?? ????? CSS? ?? ???? ?? ? 5? ?? ???? ??? ??? ???????. ? ???? ?? HTML, CSS ? JavaScript? ???? ???? ??? ???? ??? ? ??? ???.
HTML ??
<div>
<p>In this structure, each </p> represents an individual star within the rating system. These stars are dynamically animated when hovered over or clicked.
<h2>
CSS for Star Rating Animation
</h2>
<pre class="brush:php;toolbar:false">.star {
width: 24px;
height: 24px;
transition: transform 0.3s ease, color 0.3s ease;
}
.star:hover {
transform: scale(1.2);
color: gold;
}
??? ?? ??? ???? ??? ? ?? ??? ???? ?? ??? ?? ???? ?????. ? ??? CSS ? ?????? ??? ?? ??? ???? ???? ????? ???? ??? ?????.
?? ??? ?? JavaScript
document.querySelectorAll('.star').forEach(star => {
star.addEventListener('click', () => {
alert('You rated: ' + star.getAttribute('data-rate') + ' stars');
});
});
? ??? JavaScript ??? ???? ?? ??? ???? ?? ??? ?????. ??? ???? ???? ?? ???? ? ? ????.
? 2: ?? ??? ??? ????? ?? ???
?? ??? ? ?? ???? ?? ?? ?? ?? ? ?? ??? ???? ??? ??? ?? ???? ? ????. ? ????? ?? ??? ?? ?? ??? ?? ?? ?? ????? CSS? ???? ?? ????? ?? ???? ??? ?????.
HTML ??
<div>
<p>In this structure, each </p> represents an individual star within the rating system. These stars are dynamically animated when hovered over or clicked.
<h2>
CSS for Star Rating Animation
</h2>
<pre class="brush:php;toolbar:false">.star {
width: 24px;
height: 24px;
transition: transform 0.3s ease, color 0.3s ease;
}
.star:hover {
transform: scale(1.2);
color: gold;
}
? ???? ? 5?? ???? ??? ? ??? ??? ??? ???? ? ???? ??? ? ??? ????.
???? ?? ?????? CSS
document.querySelectorAll('.star').forEach(star => {
star.addEventListener('click', () => {
alert('You rated: ' + star.getAttribute('data-rate') + ' stars');
});
});
? ? ????? CSS?? ???? ???? ? ???? ??? ?? ??? ?? ??? ???? ????. ?? ?? ?? ???? ?? ????? ???? ??? ?????. ???? ??? ???? .selected ???? ???? ??? ??? ?????.
?? ??? ????? ?? JavaScript
<div class="star-rating">
<div class="star" data-value="5"></div>
<div class="star" data-value="4"></div>
<div class="star" data-value="3"></div>
<div class="star" data-value="2"></div>
<div class="star" data-value="1"></div>
</div>
? ??? ???? ???? ??? ??? ? ?? ??, ?? ??, ??? ???? ??? ? ????. ???? "???" ???? ???? ??? ??? ????? ?????.
CSS ?? ??????? ??? ?? ??
?? ?? ???? ?????? ???? ???? ??? ??? ??? ?? ?? ? ????. ?? ?? ??? ??? ??? ?? ????? ? ??? ? ? ????.
???? ??: ??? ?? ? ?? ??? CSS ??? ???? ????? ?? ???? ?????? ??? ??? ? ????.
??? ?? ??? ?????: ???? ???? ?? ?? ????? CSS? ??? ??? ? ????. ?? ??, ???? ?? ??, ??, ????? ??? ??? ? ????.
??? ???: ?? ?? ???? ????? ?????. ?????? ????? ??? ?? ???? ???? ???? ??? ?? ???? ??? ??? ???? ???.
??? ????: ?? ????? CSS? ???? ??? ?? ???? ??? ?? ? ?? ??? ???? ???? ?? ??? ???. ?? ?? ????? ??? ??? ??? ? ??? ???? ???? ? ??? ???.
??
?? ????? CSS? ???? ?? ????? ??? ??? ????? ??? ?????. ? ???? ??? ? ?? ?? ????? ???? ?????? ???? ? ?? ???? ???? ? ?? ??? ?????. ?????? ???? ?? ???? ?? ????? ?? ? ?? ?? ??? ???? ???? ??? ???? ???? ????? ???? ?????? ?? ? ????. ??? ?? ??? ???? ? ??? ?? ???? ???? CSS ?? ?????? ???? ????? ???? ???? ??? ??? ?????.
?? ??? ??? ?? ??? ??? ????? ???? ?? ??? ???? ? ?? ????? ????? ????? ??? ?? ???? ?? ? ????.
? ??? ??? ??? ??? ?? ?????? ?? ????? CSS? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!
? AI ??
Undress AI Tool
??? ???? ??
Undresser.AI Undress
???? ?? ??? ??? ?? AI ?? ?
AI Clothes Remover
???? ?? ???? ??? AI ?????.
Clothoff.io
AI ? ???
Video Face Swap
??? ??? AI ?? ?? ??? ???? ?? ???? ??? ?? ????!
?? ??
??? ??
???++7.3.1
???? ?? ?? ?? ???
SublimeText3 ??? ??
??? ??, ???? ?? ????.
???? 13.0.1 ???
??? PHP ?? ?? ??
???? CS6
??? ? ?? ??
SublimeText3 Mac ??
? ??? ?? ?? ?????(SublimeText3)
??? ??
? ? ??? ??? ?? ???? ??? ??????
Jul 02, 2025 am 01:22 AM
TAGGSATTHEBOTTOMOFABLOGPOSTORWEBPAGESERVESPRACTICALPURSEO, USEREXPERIENCE, andDESIGN.1.ITHELPSWITHEOBYOWNSESPORENGENSTOESTOCESKESKERKESKERKERKERDER-RELEVANTTAGSWITHOUTHINGTEMAINCONTENT.2.ITIMPROVESEREXPERKEEPINGTOPONTEFOCUSOFOFOFOCUSOFOFOFOCUCUSONTHEATECLL
JS? ??? ???? ???? ???
Jul 01, 2025 am 01:27 AM
JavaScript?? ??? ??? ?? ? ? ?? ??? ???????. 1. ?? ??? ??? ???? ?? ??? ????. ISO ?? ???? ???? ???? ???? ?? ????. 2. ?? ??? ?? ???? ??? ?? ???? ??? ? ??? ? ?? 0?? ????? ?? ??????. 3. ?? ?? ???? ???? ???? ?? ?????? ??? ? ????. 4. Luxon? ?? ???? ???? ?????? ???? ?? ????. ??? ?? ???? ????? ???? ??? ????? ?? ? ????.
DOM?? ??? ?? ? ? ??? ??????
Jul 02, 2025 am 01:19 AM
??? ?? ? ??? DOM?? ??? ??? ? ?????. ??? ?? ????? ?? ??????, ??? ?? ???? ?? ????????. 1. ??? ??? addeventListener? usecapture ?? ??? true? ???? ?????. 2. ??? ??? ?? ???? usecapture? ???? ????? ?????. 3. ??? ??? ??? ??? ???? ? ??? ? ????. 4. ??? ?? ?? ?? ??? ?? ??? ??????? ??? ???? ?????. 5. ??? ?? ?? ?? ??? ?? ???? ?? ???? ? ??? ? ????. ? ? ??? ???? ???? JavaScript? ??? ??? ??? ????? ???? ???? ??? ??????.
node.js?? HTTP ????? ???
Jul 13, 2025 am 02:18 AM
Node.js?? HTTP ??? ???? ? ?? ???? ??? ????. 1. ?? ????? ????? ??? ??? ? ?? ????? ?? ?? ? https.get () ??? ?? ??? ??? ? ?? ????? ?? ??? ?????. 2.axios? ??? ???? ? ?? ??????. ??? ??? ??? ??? ??? ??? ???/???, ?? JSON ??, ???? ?? ?????. ??? ?? ??? ????? ?? ????. 3. ?? ??? ??? ??? ??? ???? ???? ??? ??? ???? ?????.
??? ??? JavaScript?? ??? ??????
Jul 04, 2025 am 12:42 AM
JavaScript? ??? ?? ????? ??? ?? ??? ??? ?? ?? ?? ????? ?? ???? ???? ?????. ??? ?? ???? ?? ??? ?? ??? ???? ???? ?? ?? ???? ???? ?????. ?? ??, ??? ? ?? ???? ??? (? : ??? null? ??) ?? ??? ????? ??????. ??? ??? ???? ??? ??? ????. closure?? ?? ??? ?? ??; ? ??? ??? ?? ?? ???? ?? ???? ????. V8 ??? ?? ???, ?? ??, ??/?? ???? ?? ??? ?? ??? ??? ????? ?? ??? ?? ??? ????. ?? ?? ???? ??? ??? ??? ??? ???? ????? ?? ?? ???? ?? ???????.
JavaScript ??? ???? JS ??? ? : ES ?? ? CommonJS
Jul 02, 2025 am 01:28 AM
ES ??? CommonJS? ?? ???? ?? ?? ? ?? ???????. 1. Commonjs? ????????? Node.js ?? ? ??? ?????. 2.ES ??? ???????? ????? ?? ???? ??? ?????. 3. ??, ES ??? ?? ??/????? ???? ??? ??? ?????? CommonJS? Quiew/Module.exports? ???? ???? ???? ?? ? ? ????. 4. Commonjs? Express? ?? ???? Node.js ? ?????? ?? ???? ?? ???? ?? ES ??? ?? ??? ?? ??? ?? ? Node.jsv14? ?????. 5. ?? ? ? ??? ?? ??? ??? ? ????.
var vs let vs const : ?? JS ??? ? ?? ?
Jul 02, 2025 am 01:18 AM
VAR, Let ? Const? ???? ??, ?? ? ?? ?????. 1.var? ?? ??????? ?? ???? ?? ? ??? ?????. 2. let? ?? ?? ????? ?? ?? ???? ?? ? ??? ???? ????. 3. ???? ?? ?? ???? ?? ??????? ? ?? ? ? ??? ?? ??? ?? ?? ??? ? ????. ?? const? ???? ??? ??? ? LET? ???? VAR? ???? ????.
DOM ??? ???? ??? ??? ? ? ?????
Jul 01, 2025 am 01:28 AM
DOM? ?? ??? ?? ??? ??? ? ?? ??? ??? ?? ??? ??? ?? ?????. ??? ??? ??? ????. 1. ??? ? ? ?? ?? ?? ????. 2. ?? ?? ? ?? ??; 3. ?? ? ??, ?? ?? ?? ??? ??? ??????. 4. ???? ??? ??? ???? ?? ? ??? ???? ??????. 5. ??? ?? ?? requestAnimationFrame ??? ????? ??????.
