Thaimisc.com : ทำข้อความต้อนรับขนาดเล็กใหญ่สลับกันไป
ThaiMisc.Com : Free Webboard | Free GuestBook | Free Poll | Free Ecard Server | Free Java Chat Room | Advertising | Contact Us | Colocation | Web Hosting | เปิดร้านค้าฟรี


Category : Today's Tips Print Article Only Print Aticle With Comment
ทำข้อความต้อนรับขนาดเล็กใหญ่สลับกันไป
เขียนโดย Poj , 24-11-2006
ทำข้อความต้อนรับขนาดเล็กใหญ่สลับกันไปเรื่อยๆ ดูตัวอย่างได้ ที่นี่ ครับ

1.นำโค้ดส่วนนี้ไปใส่ไว้ใน <head>....</head> ครับ

<script language="JavaScript" type="text/javascript">
<!--
var T=20; // เวลาในการขยายข้อความ (เลขยิ่งน้อยยิ่งเร็ว)
var text="Welcome To ThaiMisc"; // แก้ไขข้อความที่ต้องการที่นี่ครับ
var finds=new Array();
window.onload=main;

function main()
{
createSpans();
findPipe();
replacePipe();
modifySpans();
}
function createSpans()
{
for(var x=0;x<text.length;x++)
{
var count=x+1;
var span=document.createElement('span');
span.id='sid'+x;
span.innerHTML=text.substring(count,count-1);
with(span.style)
{
fontWeight="bold";
}
span.onclick=HUCKO;
document.body.appendChild(span);
}
}
var RHucko1=0;
function findPipe()
{
for(var x=0;x<text.length;x++)
{
if(x==0)
finds[x]=text.lastIndexOf(' ');
else
finds[x]=text.lastIndexOf(' ',finds[x-1]-1);
}
}
function replacePipe()
{
var spans=document.getElementsByTagName('span');
for(var x=0;x<finds.length;x++)
{
if(finds[x]==-1)
{

}
else
{
spans[finds[x]].innerHTML="<b style='visibility:hidden;'>_</b>";
}
}
}
function HUCKO(){location.href="http://www.thaimisc.com";}
var cnt=0,cntII=1,cntIII=text.length-1;cntIV=text.length-2;
function modifySpans()
{
if(cnt<text.length)
{
document.getElementById('sid'+cnt).style.fontSize=40;
cnt+=2;
}
else if(cntII<text.length)
{
document.getElementById('sid'+cntII).style.fontSize=40;
cntII+=2;
}
else if(cntIII>=0)
{
document.getElementById('sid'+cntIII).style.fontSize=10;
cntIII-=2;
}

else if(cntIV>=0)
{
document.getElementById('sid'+cntIV).style.fontSize=10;
cntIV-=2;
}

else
{
cnt=0;cntII=1;

if(RHucko1<1)
{
cntIII=text.length-1;
T=50; // - Timer is Modified
}
RHucko1+=1;
}
setTimeout("modifySpans();",T);
}
//-->
</script>

<!-- แก้ไขรูปแบบตัวอักษรที่ด้านล่างนี้ครับ -->
<style type="text/css">
<!--
body {
text-align:center;
color:lightyellow;
}
span {
width:10;
height:10;
filter:dropshadow(color=black);
}
-->
</style>



Credit : codetukyang
<- Back | Next ->

ThaiMisc.Com : Free Webboard | Free GuestBook | Free Poll | Free Ecard Server | Free Java Chat Room | Advertising | Contact Us
Copyright 1999-2006 Thailand Miscellaneous. Allrights reserved. webmaster@thaimisc.com