ไธใฎไธญใฎไบบใฏๆๅคใจMARQUEEๅฅฝใ
ใใใซใกใฏ๏ผ็งใฏใใญใฐใฉใใณใฐใใใพใซๆใใใใใฆใใใใใช็ทใงใใ
ๅบๆฌ็ใซใฏๆฏๆฅใชใฉใใฏในใใฆ็ใใฆใใพใใ
ใฉใใชใงใใไบบๆใๆใ3ๆฌใ4ๆฌใใใใใใงใฏใชใ
ๅฎใฏใใใใ่ช่บซใฎใใญใฐใฉใใณใฐใฎใใผใฏใฏITๆฅญ็ใซๅ ฅใๅใงใใใ
ใใฎ้ ใฎ็งใฏไฝใ็ฅ่ญใใชใใฎใงใใใ ใใฃใฆใฟใใใจใ็นฐใ่ฟใใฆใใฆใใใฎ็ตๆ่ชๅใซใจใฃใฆๅฝน็ซใคใขใใชใใใใคใๅถไฝใใใใจใใงใใฆใใพใใใ
็พๅจใฎไปไบใฏใงใใไบบใฎๆจชใงใใฎไบบใๅฟใใใใฆ็ๆใงใใชใไปไบใใใใใซใใฃใฆใใใใใคใจใใฎใใใชไปไบใถใใ็บๆฎใใฆใใพใใ
ITๆฅญ็ใซ่ปข่ทใๆณๅใใฏใใใซ่ถ ใใใใใใใฎใชใใซ็ตถๆใใ
็งใฏไธปใซPHPใจใใญใณใใจใณใใซใคใใฆๅญฆใใงใใพใใใ
ใใฎใปใใซๅญฆ็ๆไปฃใฏJavaใซใคใใฆใๅญฆใณใ็พ็งไบๅ ธใฎใใใซๅๅใใใญในใใ็ๆใซๆงใ ใชใขใใชใฎๅถไฝใซๆๆฆใใฆใใพใใใ
ๅฎใฏใใฎ้ ใใใใใญใฐใฉใใจใใฆ1็ช่ผใใฆใใๆๆใ ใฃใใใงใใ
ๅฎ้ITๆฅญ็ใซ่ปข่ทใใใจใปใจใใฉใฝใผในใณใผใใ่งฆใๆฉไผใฏใใใพใใใงใใใ
ๆขๅญใฎใฝใผในใณใผใใฎไฟฎๆญฃใจใในใๅฎ่กใซใใใจใใใณใน่ฒผใใฎๆฅใ ใงใใใ
ใคใพใใใใญใฐใฉใใณใฐใฎ็ฅ่ญใฏใชใฟ่ธใฟใใใชใใฎใงใใ
ITๆฅญ็ใง็ใใฆใใใใใซใใญใฐใฉใใณใฐ็ฅ่ญใฏใใพใ้ขไฟใชใใจ็งใฏๆใใพใใ
ๅถๆฅญๅบ่บซใฎใจใณใธใใขใฏๆๅผท๏ผใชใใชใๅฝผใใฏใใ
ๆ่ฟๅถๆฅญๅบ่บซใฎใจใณใธใใขใๅขใใฆใใๆฐใใใพใใ
ๅฝผใใฎ็นๅพดใจใใฆใๅ็ดใงใใใณใใฅใใฑใผใทใงใณๅใซๅชใใฆใใใจใใใใจใใใใใใใจๆใใพใใ
ใใใซๅฝผใใฏๅถๆฅญๆไปฃใซๅนใฃใๆฎๆฅญใธใฎ่ๆงใใใใใใงใใ็ฟๆฅใไฝไบใใชใใฃใใใฎใใใซๅบ็คพใใฆใใพใใ
็งใฏITๆฅญ็ใซๅ ฅใฃใฆ20ไปฃใใปใผๆฎๆฅญใไผๆฅๅบๅคใชใใง้ใใใฆใใพใใใ
้ฑๆซใฏJRAใจใใ้ชๆใๅดๆใใฆใใฆใใฎๅๅผใซใใใใใฎๆ้ใไฝฟใ็ฎ้ใใฆใพใใใ
ใใฎ้ใซๅถๆฅญๅบ่บซใฎใจใณใธใใขใฏใใฉใใฏ็ใชไผๆฅญใซๅใใฆใใใฎใงใ็งใใกใไผใใงใใใใๅฎๆๆดปๅใใฆใใใจใใซใปใใฎใใจใซใฏ็ฎใใใใๆฅญๅใซๅฟ ่ฆใช่ชฟๆปใๅๅผทใ็ถใใฆใใใใใใฎใงใใ
ใใใซๅฝผใใฏ้ฑๆซใซใใดใซใใจใใ็งใใ่ฆใใใใฏใ่ฒดๆใฎ้ใณใจใใๆใใชใใๅบๅคงใชๅๅฐใ่ฒธใๅใฃใฆๆฃใไฝฟใฃใฆๅฐใใ็ใ็ฉดใซๅ ฅใใใจใใ้ฝๅธไผ่ชฌ็ใชในใใผใใๆฅฝใใใงใใพใใ
ใใฎในใใผใใฏๆใ ใใใใใ้ฝๅธไผ่ชฌ็ใช่ช่ญใงใใใใใใ้ๆใกใฎๆนใๅคใ่ใใฆใใใใใชใฎใงใใ
ใใฎ็ตๆใดใซใใ้ใใฆใๅฏ่ฃๅฑคใจไปฒ่ฏใใชใใใจใใงใใฆใใใใใงใใ
่ฉฑใฏ่ฑ็ทใใพใใใพใใใใMARQUEEใซใคใใฆ
MARQUEEใจใฏใใ่ฆใๅณใใๅทฆใใใใใฏๅทฆใใๅณใซๆตใใๆๅญใฎใใจใงใใ
ใใใฏๆ ชไพกใฎๆ
ๅ ฑใใ่กใซใใ้ปๅญ็ใช็ๆฟใซใใ็จใใใใฆใใพใใ
ใจใซใใๅใใฆใใใฎใงๆฝๅจ็ใซใใฎๆ ๅ ฑใๅใๅใฃใฆใใใใใใใชใใพใใ
ใใใใใขใใชใฎ็ดนไป๏ผMARQUEEใซใใใใญในใใฎ่ฒใจ่ๆฏ่ฒใๆๅฎใใใใจใใงใใ๏ผใตใผใใผใใใใฎHTMLใงไฝใใพใใ๏ผ
ใใกใใในใฏใทใงใซใชใใพใ
ใใใงใใญในใใๆๅญ่ฒใ่ๆฏ่ฒใๆๅฎใงใใพใใ
Submitใใฟใณใๆผใใจใใฎใใใซ่กจ็คบใใใพใใ
ใใกใใใฝใผในใณใผใใงใ๏ผHTMLๆๅผท๏ผ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Announcement Marquee</title>
<style>
body {
font-family: Arial, sans-serif;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
#inputSection {
text-align: center;
}
input, button {
margin: 10px;
padding: 5px;
}
#marqueeSection {
display: none;
width: 100%;
}
.color-picker-label {
display: inline-block;
margin: 10px;
}
</style>
</head>
<body>
<div id="inputSection">
<input type="text" id="announcementText" placeholder="Enter your announcement">
<div class="color-picker-label">
<label for="textColor">Text Color:</label>
<input type="color" id="textColor" value="#000000">
</div>
<div class="color-picker-label">
<label for="backgroundColor">Background Color:</label>
<input type="color" id="backgroundColor" value="#FFFFFF">
</div>
<button onclick="createMarquee()">Submit</button>
</div>
<div id="marqueeSection"></div>
<script>
function createMarquee() {
const text = document.getElementById('announcementText').value;
const textColor = document.getElementById('textColor').value;
const bgColor = document.getElementById('backgroundColor').value;
if (text.trim() === '') {
alert('Please enter an announcement text.');
return;
}
document.getElementById('inputSection').style.display = 'none';
const marqueeSection = document.getElementById('marqueeSection');
marqueeSection.style.display = 'block';
marqueeSection.style.backgroundColor = bgColor;
const marquee = document.createElement('marquee');
marquee.textContent = text;
marquee.style.color = textColor;
marquee.style.fontSize = '36px';
marquee.style.padding = '20px';
marqueeSection.appendChild(marquee);
}
</script>
</body>
</html>
Comments
marquee่ฆ็ด ใฏ้ๆจๅฅจใจใชใฃใฆใใพใใ
https://developer.mozilla.org/ja/docs/Web/HTML/Element/marquee
Let's comment your feelings that are more than good