คืนค่าการตั้งค่าทั้งหมด
คุณแน่ใจว่าต้องการคืนค่าการตั้งค่าทั้งหมด ?
ลำดับตอนที่ #91 : :: Code :: ตัวอักษรวิ่งวนรอบๆเมาส์ [โค้ดดิบ + วิธีแปลงโค้ด]
!!! โค้ดนี้อาจจะใส่ในเด็กดีไม่ได้นะจ๊ะ !!!
มาดูโค้ดดิบกันก่อน... [ทำแท็กให้ก๊อปง่ายๆน๊า~ กด Ctrl + A ก็จะก๊อปไปได้ทั้งหมดเลย ^^]
<SCRIPT LANGUAGE="JavaScript">
if (document.all) {
yourLogo = "ข้อความที่จะให้วิ่งวน...";
logoFont = " ฟอนท์ของข้อความที่วิ่ง";
logoColor = " #โค้ดสีของข้อความที่วิ่ง";
yourLogo = yourLogo.split('');
L = yourLogo.length;
TrigSplit = 360 / L;
Sz = new Array()
logoWidth = 70;
logoHeight = -30;
ypos = 0;
xpos = 0;
step = 0.04;
currStep = 0;
document.write('<div id="outer" style="position:absolute;top:0px;left:0px "><div style="position:relative">');
for (i = 0; i < L; i++) {
document.write('<div id="ie" style="position:absolute;top:0px;left:0px ;'
+'width:10px;height:10px;font-family: '+logoFont+'; font-size:12px;'
+'color:'+logoColor+'; text-align:cent er">'+yourLogo[i]+'</div>');
}
document.write('</div></div>');
function Mouse() {
ypos = event.y;
xpos = event.x - 3;
}
document.onmousemove=Mouse;
function animateLogo() {
outer.style.pixelTop = document.body.scrollTop;
for (i = 0; i < L; i++) {
ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180);
ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180);
Sz[i] = ie[i].style.pixelTop - ypos;
if (Sz[i] < 5) Sz[i] = 3;
ie[i].style.fontSize = Sz[i] / 1.7;
}
currStep -= step;
setTimeout('animateLogo()', 10);
}
window.onload = animateLogo;
}
// End -->
</SCRIPT>
______________
วิธีแปลงโค้ด
โค้ดนี้มีที่ๆสำคัญๆที่เราพอจะแก้ได้อยู่ 3 ที่เท่านั้น ^^
สีแดง คือข้อความที่จะให้วิ่งไปรอบๆเมาส์.... ซึ่งถ้าจะทำเป็นประโยคเช่น
Welcome To My.iD
เราก็ควรจะเว้นวรรคไว้ข้างหลังเยอะๆ เพราะไม่งั้งนมันจะอ่านติดกันเป็นอย่างนี้จ้า... ^^
Welcome To My.iDWelcome To My.iDWelcome To My.iDWelcome To My.iD
แต่ถ้าเว้นวรรคจะเป็น...
Welcome To My.iD Welcome To My.iD Welcome To My.iD Welcome To My.iD
สีส้ม คือฟอนท์ของข้อความที่วิ่งๆ โดยในแท็กเราให้เป็น Tahoma ไป... ซึ่งเราจะสามารถกำหนดเองก็ได้นะ แต่ควรจะเป็นฟอนท์ที่มีในทุกเครื่องจ้า...
สีม่วง ก็คือโค้ดสีอะนะ... ง่ายๆเลย ^^ ดูเว็บโค้ดสีได้ที่ตอนที่ 54 อะน๊า~
ตอนนี้ถ้าข้องใจอะไรก็ถามได้จ้า ^^ ไม่ข้องใจก็เม้นๆด้วยล่ะ อิอิอิ
ย้ำ! โค้ดนี้เราไม่มั่นใจว่าใส่ในเด็กดีได้อะนะ... เพราะโค้ดนาฬิกาวิ่งวนรอบเมาส์ยังใส่ในเด็กดีไม่ได้เลย =0= เซ็ง อิอิอิ
ความคิดเห็น