สวัสดีปีใหม่ค่ะ

วันนี้มากแจกกันอีกแล้ว

เป็นโค้ด และ สคริปนะคะ

แต่โค้ดบางตัวอาจใช้ไม่ได้ใน Blog  แต่ใช้ในบทความ

 เช่น พิคโพสได้นะคะ เลือกใช้ตามความพอใจเลยค่ะ 

ไปสูบกันเลยค่ะ

+++++++++++++++++

1  CODE::: ข้อความต้อนรับ

<script language="JavaScript"> function loadalert () {alert(" เปลี่ยนตรงนี้") } loadalert() </script>

2  CODE:::ข้อความบอกลา 

<Script Language="VBScript"> Sub Window_onUnLoad() alert("ข้อความ") End Sub </Script>

3  CODE:::ข้อความร่วงลงมา 

<SCRIPT language="JavaScript"> // FallT v1.0 By Maxx Blade - http://www.maxxblade.co.uk ///////////// Only Edit these lines //////////////// var no=5,speed=30,slider=30,fallmax=8,wind=0,fallwhat="เปลี่ยนตรงนี้ ",fallsize=10,fallfont="Tahoma"; var colours=new Array("FF008A","FD54B0","FC87C7","FCB4DB","FDD6EB","FFFFFF"); ////////////////////////////////////////////////////// var o=new Array(), tog=1, dofallt=new Array(); var ns4=(document.layers)?1:0; var ie4=(document.all)?1:0; var ns6=(document.getElementById&&!document.all)?1:0; if(ie4) falllayer="document.all['gf'+i].style"; if(ns4) falllayer="document.layers['gf'+i]"; if(ns6) falllayer="document.getElementById('gf'+i).style"; function winWid(){ return (ns4||ns6)?window.innerWidth:document.body.clientWidth; } function winHei(){ return (ns4||ns6)?window.innerHeight:document.body.clientHeight; } function winOfy(){ return (ns4||ns6)?window.pageYOffset:document.body.scrollTop; } function togFall(){ for(i=0;i<no;i++){ if(tog==1){ with(eval(falllayer)){ left=-500; } clearTimeout(dofallt[i]); }else{ fallt(i); } } tog*=-1 } function newobj(q,t){ spin = parseInt(Math.random()*slider); spin = (Math.random()>0.5) ? spin : -spin; o[q] = new Array(parseInt(Math.random()*(winWid()-slider)),-30,spin,0.02+Math.random()/10,parseInt(1+Math.random()*fallmax),0); if(t==1){ if(ns4){ document.write('<layer name="gf'+q+'" left="0" top="0" visibility="show">'+fallwhat+'</layer>'); } if(ie4||ns6){ document.write('<span id="gf'+q+'" style="POSITION: absolute; Z-INDEX: -'+q+'; VISIBILITY: visible; TOP: 0px; LEFT: 0px; font-size: '+fallsize+'px; font-family: '+fallfont+';">'+fallwhat+'</span>'); } } } function fallt(i){ if((o[i][1]>winHei()-(fallsize*1.5))||(o[i][0]>winWid()-slider-(fallsize*fallwhat.length))){ newobj(i,0); } o[i][1] += o[i][4]; o[i][0]+=wind; o[i][5] += o[i][3]; sizexy=Math.sin(o[i][5]); lay=(ie4)?sizexy:parseInt(sizexy+1); sizexy=(sizexy>0)?sizexy:0-sizexy; with(eval(falllayer)){ top = o[i][1]+winOfy(); left = o[i][0]+o[i][2]*Math.cos(o[i][5]); if(!ns4){ zIndex=lay; color=colours[parseInt(sizexy*(colours.length-1))] } } dofallt[i] = setTimeout("fallt("+i+")", speed); } for (i = 0; i < no; i++){ newobj(i,1); fallt(i); } </SCRIPT>

4  CODE::: ข้อความวิ่ง

<marquee> ข้อความที่จะให้วิ่ง </marquee>

5  CODE::: ข้อความตามเมาส์

<SCRIPT language=JavaScript1.2> <!-- var message='ข้อความ'; var messagecolor='#000000' (0=perpetual) var dismissafter=0 var amount=5,ypos=0,xpos=0,Ay=0,Ax=0,By=0,Bx=0,Cy=0,Cx=0,Dy=0,Dx=0,Ey=0,Ex=0; if (document.layers){ for (i = 0; i < amount; i++) {document.write('<layer name=ns'+i+' top=0 left=0><font face="Courier New" size=3 color='+messagecolor+'>'+message+'</font></layer>')} window.captureEvents(Event.MOUSEMOVE); function nsmouse(evnt){xpos = evnt.pageX;ypos = evnt.pageY;makefollow()} } else if (document.all){ document.write("<div id='outer' style='position:absolute;top:0px;left:0px'>"); document.write("<div id='inner' style='position:relative'>"); for (i = 0; i < amount; i++) {document.write('<div id="text"'+i+' style="position:absolute;top:0px;left:0px;font-family:Courier New;font-size:16px;color:'+messagecolor+'">'+message+'</div>')} document.write("</div>"); document.write("</div>"); function iemouse(){ypos = document.body.scrollTop + event.y;xpos = document.body.scrollLeft + event.x;makefollow()} } function makefollow(){ if (document.layers){ document.layers["ns0"].top=ay;document.layers["ns0"].left=ax; document.layers["ns1"].top=by;document.layers["ns1"].left=bx; document.layers["ns2"].top=cy;document.layers["ns2"].left=cx; document.layers["ns3"].top=Dy;document.layers["ns3"].left=Dx; document.layers["ns4"].top=Ey;document.layers["ns4"].left=Ex; } else if (document.all){ outer.all.inner.all[0].style.pixelTop=ay;outer.all.inner.all[0].style.pixelLeft=ax; outer.all.inner.all[1].style.pixelTop=by;outer.all.inner.all[1].style.pixelLeft=bx; outer.all.inner.all[2].style.pixelTop=cy;outer.all.inner.all[2].style.pixelLeft=cx; outer.all.inner.all[3].style.pixelTop=Dy;outer.all.inner.all[3].style.pixelLeft=Dx; outer.all.inner.all[4].style.pixelTop=Ey;outer.all.inner.all[4].style.pixelLeft=Ex; } } function move(){ if (dismissafter!=0) setTimeout("hidetrail()",dismissafter*1000) if (document.layers){window.onMouseMove = nsmouse} else if (document.all){window.document.onmousemove = iemouse} ey = Math.round(Ey+=((ypos+20)-Ey)*2/2);ex = Math.round(Ex+=((xpos+20)-Ex)*2/2); dy = Math.round(Dy+=(ey - Dy)*2/4);dx = Math.round(Dx+=(ex - Dx)*2/4); cy = Math.round(Cy+=(dy - Cy)*2/6);cx = Math.round(Cx+=(dx - Cx)*2/6); by = Math.round(By+=(cy - By)*2/8);bx = Math.round(Bx+=(cx - Bx)*2/8); ay = Math.round(Ay+= (by - Ay)*2/10);ax = Math.round(Ax+= (bx - Ax)*2/10); makefollow(); jumpstart=setTimeout('move()',10); } function hidetrail(){ if (document.all){ for (i2=0;i2<amount;i2++){ outer.all.inner.all[i2].style.visibility="hidden" clearTimeout(jumpstart) } } else if (document.layers){ for (i2=0;i2<amount;i2++){ temp="ns"+i2 document.layers[temp].visibility="hide" clearTimeout(jumpstart) } } } window.onload=move; //--> </SCRIPT>

 6  CODE:::ข้อความวิ่งด้านบน

<!--www.houvthak.com --> <script language="JavaScript"> var message="ข้อความ" var message=message+" " i="0" var temptitle="" var speed="150" function titler(){ if (!document.all&&!document.getElementById) return document.title=temptitle+message.charAt(i) temptitle=temptitle+message.charAt(i) i++ if(i==message.length) { i="0" temptitle="" } setTimeout("titler()",speed) } titler() </script>

7  CODE:::ข้อความวิ่งไม่มีพื้นหลัง

<font face="MS Sans Serif" size="2" color="ffffff"> <marquee> ข้อความ </marquee></font>

8  CODE::: ข้อความวิ่งแบบมีพื้นหลัง

<p><font color=" #CD1076"> <marquee bgcolor="#FF69B4"> ข้อความ </marquee></font></p>

9  CODE:::ข้อความที่วิ่งในSTATUS BAR

<script language="Javascript"> <!-- var x = 0 var speed = 70 var text = " เปลี่ยนข้อความที่นี่ " var course = 120 var text2 = text function Scroll() { window.status = text2.substring(0, text2.length) if (course < text2.length) { setTimeout("Scroll2()", speed) } else { text2 = " " + text2 setTimeout("Scroll()", speed); } } function Scroll2() { window.status = text2.substring(x, text2.length) if (text2.length - x == text.length) { text2 = text x = 0 setTimeout("Scroll()", speed); } else { x++ setTimeout("Scroll2()", speed); } } Scroll() //--> </script>

 10  CODE::: ข้อความที่เลื่อนบนหัวไดจ้า

<p><font color="#red"> <marquee scrolldelay=180> <span class="style29"><font color= #FFBBFF style=''width=250%;filter:glow(color= 000000, strength=2.5)''>ใส่ข้อความที่นี่</font></span> </marquee> </span></span></span></td></marquee></font></p>

 11  CODE::: ลิ้งค์กระพริบ

<!--Start Code From PremPree.Com --> <!--เริ่ม-แสดงcode--> <SCRIPT language=JavaScript> color=new Array(0xff0000,0x00ff00,0x0000ff,0xffff00,0xff00ff,0x00ffff); linkc=0; function rainbow() { document.linkColor=color; document.vlinkColor=color; document.alinkColor=color; linkc++; if (linkc==6) {linkc=0} timer=setTimeout("rainbow()",150); } rainbow() </SCRIPT> <!--จบ-แสดงcode--> <!--ic:flood--> <!-- End code From PremPree.Com -->  

12  CODE::: โค้ดสี

ดูได้จากเวปนี้เลยค่ะ

http://www.immigration-usa.com/html_colors.html

และ

http://www.atjp.net/gallery/websum/webcol/index.htm

13  CODE::: ชี้ลิ้งค์แล้วมีกรอบ

<STYLE type="text/css"> <!-- a:hover {border-width : 3px;border-style : dotted;border-color : #000000; }--></STYLE>  

เปลี่ยนสี
เปลี่ยนรูปแบบ



- none ไม่มีเส้น
- double  เส้นคู่
- solid   เส้นเดี่ยว
- dotted   จุดๆ
- dashed   เส้นประ

14  CODE::: ทำสกอบาร์

<style type="text/css"><!--body { scrollbar-face-color: #สีที่ต้องการ; scrollbar-shadow-color: #สีที่ต้องการ; scrollbar-highlight-color: #สีที่ต้องการ; scrollbar-3dlight-color: #สีที่ต้องการ; scrollbar-darkshadow-color: #สีที่ต้องการ; scrollbar-track-color: #สีที่ต้องการ; scrollbar-arrow-color: #สีที่ต้องการ;} //--> </style> 

15  CODE::สกอบาร์สีฟ้า,น้ำเงินจร้า

#07bdeb <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:#07bdeb; scrollbar-arrow-color:BLACK; scrollbar-highlight-color:WHITE; scrollbar-3dlight-color:BLACK; scrollbar-shadow-color:BLACK; scrollbar-darkshadow-color:#07bdeb; } --> </STYLE>	●#56D9FA <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:#56D9FA; scrollbar-arrow-color:BLACK; scrollbar-highlight-color:WHITE; scrollbar-3dlight-color:BLACK; scrollbar-shadow-color:BLACK; scrollbar-darkshadow-color:#56D9FA; } --> </STYLE>
●#75baff <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:#75baff; scrollbar-arrow-color:BLACK; scrollbar-highlight-color:WHITE; scrollbar-3dlight-color:BLACK; scrollbar-shadow-color:BLACK; scrollbar-darkshadow-color:#75baff; } --> </STYLE>	●#acd6ff <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:#acd6ff; scrollbar-arrow-color:BLACK; scrollbar-highlight-color:WHITE; scrollbar-3dlight-color:BLACK; scrollbar-shadow-color:BLACK; scrollbar-darkshadow-color:#acd6ff; } --> </STYLE>

#07bdeb <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:WHITE; scrollbar-arrow-color:#07bdeb; scrollbar-highlight-color:#07bdeb; scrollbar-3dlight-color:WHITE; scrollbar-shadow-color:WHITE; scrollbar-darkshadow-color:#07bdeb; } --> </STYLE>	●#56D9FA <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:WHITE; scrollbar-arrow-color:#56D9FA; scrollbar-highlight-color:#56D9FA; scrollbar-3dlight-color:WHITE; scrollbar-shadow-color:WHITE; scrollbar-darkshadow-color:#56D9FA; } --> </STYLE>
●#75baff <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:WHITE; scrollbar-arrow-color:#75baff; scrollbar-highlight-color:#75baff; scrollbar-3dlight-color:WHITE; scrollbar-shadow-color:WHITE; scrollbar-darkshadow-color:#75baff; } --> </STYLE>	●#acd6ff <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:WHITE; scrollbar-arrow-color:#acd6ff; scrollbar-highlight-color:#acd6ff; scrollbar-3dlight-color:WHITE; scrollbar-shadow-color:WHITE; scrollbar-darkshadow-color:#acd6ff; } --> </STYLE>

● #07bdeb <STYLE type="text/css"> <!-- BODY { SCROLLBAR-FACE-COLOR:#07bdeb; SCROLLBAR-HIGHLIGHT-COLOR:WHITE; SCROLLBAR-SHADOW-COLOR:#07bdeb; SCROLLBAR-3DLIGHT-COLOR:#07bdeb; SCROLLBAR-ARROW-COLOR:#07bdeb; SCROLLBAR-TRACK-COLOR:white; SCROLLBAR-DARKSHADOW-COLOR:#07bdeb; } --> </STYLE>	●#56D9FA <STYLE type="text/css"> <!-- BODY { SCROLLBAR-FACE-COLOR:#56D9FA; SCROLLBAR-HIGHLIGHT-COLOR:WHITE; SCROLLBAR-SHADOW-COLOR:#56D9FA; SCROLLBAR-3DLIGHT-COLOR:#56D9FA; SCROLLBAR-ARROW-COLOR:#56D9FA; SCROLLBAR-TRACK-COLOR:white; SCROLLBAR-DARKSHADOW-COLOR:#56D9FA; } --> </STYLE>
●#75baff <STYLE type="text/css"> <!-- BODY { SCROLLBAR-FACE-COLOR:#75baff; SCROLLBAR-HIGHLIGHT-COLOR:WHITE; SCROLLBAR-SHADOW-COLOR:#75baff; SCROLLBAR-3DLIGHT-COLOR:#75baff; SCROLLBAR-ARROW-COLOR:#75baff; SCROLLBAR-TRACK-COLOR:white; SCROLLBAR-DARKSHADOW-COLOR:#75baff; } --> </STYLE>	●#acd6ff <STYLE type="text/css"> <!-- BODY { SCROLLBAR-FACE-COLOR:#acd6ff; SCROLLBAR-HIGHLIGHT-COLOR:WHITE; SCROLLBAR-SHADOW-COLOR:#acd6ff; SCROLLBAR-3DLIGHT-COLOR:#acd6ff; SCROLLBAR-ARROW-COLOR:#acd6ff; SCROLLBAR-TRACK-COLOR:white; SCROLLBAR-DARKSHADOW-COLOR:#acd6ff; } --> </STYLE>

● #07bdeb <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:WHITE; scrollbar-arrow-color:WHITE; scrollbar-highlight-color:#07bdeb; scrollbar-3dlight-color:WHITE; scrollbar-shadow-color:WHITE; scrollbar-darkshadow-color:#07bdeb; } --> </STYLE>	●#56D9FA <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:WHITE; scrollbar-arrow-color:WHITE; scrollbar-highlight-color:#56D9FA; scrollbar-3dlight-color:WHITE; scrollbar-shadow-color:WHITE; scrollbar-darkshadow-color:#56D9FA; } --> </STYLE>
●#75baff <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:WHITE; scrollbar-arrow-color:WHITE; scrollbar-highlight-color:#75baff; scrollbar-3dlight-color:WHITE; scrollbar-shadow-color:WHITE; scrollbar-darkshadow-color:#75baff; } --> </STYLE>	●#acd6ff <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:WHITE; scrollbar-arrow-color:WHITE; scrollbar-highlight-color:#acd6ff; scrollbar-3dlight-color:WHITE; scrollbar-shadow-color:WHITE; scrollbar-darkshadow-color:#acd6ff; } --> </STYLE>

16  CODE:::สกอบาร์สีชมพูจ้า

●#ff88c4 <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:#ff88c4; scrollbar-arrow-color:BLACK; scrollbar-highlight-color:WHITE; scrollbar-3dlight-color:BLACK; scrollbar-shadow-color:BLACK; scrollbar-darkshadow-color:#ff88c4; } --> </STYLE>	●#FFB0D8 <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:#FFB0D8; scrollbar-arrow-color:BLACK; scrollbar-highlight-color:WHITE; scrollbar-3dlight-color:BLACK; scrollbar-shadow-color:BLACK; scrollbar-darkshadow-color:#FFB0D8; } --> </STYLE>
●#ffb9b9 <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:#ffb9b9; scrollbar-arrow-color:BLACK; scrollbar-highlight-color:WHITE; scrollbar-3dlight-color:BLACK; scrollbar-shadow-color:BLACK; scrollbar-darkshadow-color:#ffb9b9; } --> </STYLE>	●#ffd9d9 <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:#ffd9d9; scrollbar-arrow-color:BLACK; scrollbar-highlight-color:WHITE; scrollbar-3dlight-color:BLACK; scrollbar-shadow-color:BLACK; scrollbar-darkshadow-color:#ffd9d9; } --> </STYLE>

●#ff88c4 <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:WHITE; scrollbar-arrow-color:#ff88c4; scrollbar-highlight-color:#ff88c4; scrollbar-3dlight-color:WHITE; scrollbar-shadow-color:WHITE; scrollbar-darkshadow-color:#ff88c4; } --> </STYLE>

●#FFB0D8 <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:WHITE; scrollbar-arrow-color:#FFB0D8; scrollbar-highlight-color:#FFB0D8; scrollbar-3dlight-color:WHITE; scrollbar-shadow-color:WHITE; scrollbar-darkshadow-color:#FFB0D8; } --> </STYLE>

●#ffb9b9 <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:WHITE; scrollbar-arrow-color:#ffb9b9; scrollbar-highlight-color:#ffb9b9; scrollbar-3dlight-color:WHITE; scrollbar-shadow-color:WHITE; scrollbar-darkshadow-color:#ffb9b9; } --> </STYLE>

●#ffd9d9 <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:WHITE; scrollbar-arrow-color:#ffd9d9; scrollbar-highlight-color:#ffd9d9; scrollbar-3dlight-color:WHITE; scrollbar-shadow-color:WHITE; scrollbar-darkshadow-color:#ffd9d9; } --> </STYLE>

●#ff88c4 <STYLE type="text/css"> <!-- BODY { SCROLLBAR-FACE-COLOR:#ff88c4; SCROLLBAR-HIGHLIGHT-COLOR:WHITE; SCROLLBAR-SHADOW-COLOR:#ff88c4; SCROLLBAR-3DLIGHT-COLOR:#ff88c4; SCROLLBAR-ARROW-COLOR:#ff88c4; SCROLLBAR-TRACK-COLOR:white; SCROLLBAR-DARKSHADOW-COLOR:#ff88c4; } --> </STYLE>	●#FFB0D8 <STYLE type="text/css"> <!-- BODY { SCROLLBAR-FACE-COLOR:#FFB0D8; SCROLLBAR-HIGHLIGHT-COLOR:WHITE; SCROLLBAR-SHADOW-COLOR:#FFB0D8; SCROLLBAR-3DLIGHT-COLOR:#FFB0D8; SCROLLBAR-ARROW-COLOR:#FFB0D8; SCROLLBAR-TRACK-COLOR:white; SCROLLBAR-DARKSHADOW-COLOR:#FFB0D8; } --> </STYLE>
●#ffb9b9 <STYLE type="text/css"> <!-- BODY { SCROLLBAR-FACE-COLOR:#ffb9b9; SCROLLBAR-HIGHLIGHT-COLOR:WHITE; SCROLLBAR-SHADOW-COLOR:#ffb9b9; SCROLLBAR-3DLIGHT-COLOR:#ffb9b9; SCROLLBAR-ARROW-COLOR:#ffb9b9; SCROLLBAR-TRACK-COLOR:white; SCROLLBAR-DARKSHADOW-COLOR:#ffb9b9; } --> </STYLE>	●#ffd9d9 <STYLE type="text/css"> <!-- BODY { SCROLLBAR-FACE-COLOR:#ffd9d9; SCROLLBAR-HIGHLIGHT-COLOR:WHITE; SCROLLBAR-SHADOW-COLOR:#ffd9d9; SCROLLBAR-3DLIGHT-COLOR:#ffd9d9; SCROLLBAR-ARROW-COLOR:#ffd9d9; SCROLLBAR-TRACK-COLOR:white; SCROLLBAR-DARKSHADOW-COLOR:#ffd9d9; }--> </STYLE>

●#ff88c4 <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:WHITE; scrollbar-arrow-color:WHITE; scrollbar-highlight-color:#ff88c4; scrollbar-3dlight-color:WHITE; scrollbar-shadow-color:WHITE; scrollbar-darkshadow-color:#ff88c4; } --> </STYLE>	●#FFB0D8 <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:WHITE; scrollbar-arrow-color:WHITE; scrollbar-highlight-color:#FFB0D8; scrollbar-3dlight-color:WHITE; scrollbar-shadow-color:WHITE; scrollbar-darkshadow-color:#FFB0D8; } --> </STYLE>
●#ffb9b9 <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:WHITE; scrollbar-arrow-color:WHITE; scrollbar-highlight-color:#ffb9b9; scrollbar-3dlight-color:WHITE; scrollbar-shadow-color:WHITE; scrollbar-darkshadow-color:#ffb9b9; } --> </STYLE>	●#ffd9d9 <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:WHITE; scrollbar-arrow-color:WHITE; scrollbar-highlight-color:#ffd9d9; scrollbar-3dlight-color:WHITE; scrollbar-shadow-color:WHITE; scrollbar-darkshadow-color:#ffd9d9; } --> </STYLE>

17  CODE:::สกอบาร์สีแดงจ้า

●red <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:RED; scrollbar-arrow-color:BLACK; scrollbar-highlight-color:WHITE; scrollbar-3dlight-color:BLACK; scrollbar-shadow-color:BLACK; scrollbar-darkshadow-color:RED; } --> </STYLE>

●red <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:WHITE; scrollbar-arrow-color:RED; scrollbar-highlight-color:RED; scrollbar-3dlight-color:WHITE; scrollbar-shadow-color:WHITE; scrollbar-darkshadow-color:RED; } --> </STYLE> ●red <STYLE type="text/css"> <!-- BODY { SCROLLBAR-FACE-COLOR:RED; SCROLLBAR-HIGHLIGHT-COLOR:WHITE; SCROLLBAR-SHADOW-COLOR:RED; SCROLLBAR-3DLIGHT-COLOR:RED; SCROLLBAR-ARROW-COLOR:RED; SCROLLBAR-TRACK-COLOR:white; SCROLLBAR-DARKSHADOW-COLOR:RED; } --> </STYLE> ●red <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:WHITE; scrollbar-arrow-color:WHITE; scrollbar-highlight-color:RED; scrollbar-3dlight-color:WHITE; scrollbar-shadow-color:WHITE; scrollbar-darkshadow-color:RED; } --> </STYLE>

18  CODE:::สกอบาร์สีเหลืองจ้า

●#f9c700 <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:#f9c700; scrollbar-arrow-color:BLACK; scrollbar-highlight-color:WHITE; scrollbar-3dlight-color:BLACK; scrollbar-shadow-color:BLACK; scrollbar-darkshadow-color:#f9c700; } --> </STYLE>

●#FFDE5B <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:#FFDE5B; scrollbar-arrow-color:BLACK; scrollbar-highlight-color:WHITE; scrollbar-3dlight-color:BLACK; scrollbar-shadow-color:BLACK; scrollbar-darkshadow-color:#FFDE5B; } --> </STYLE>

●#f9c700 <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:WHITE; scrollbar-arrow-color:#f9c700; scrollbar-highlight-color:#f9c700; scrollbar-3dlight-color:WHITE; scrollbar-shadow-color:WHITE; scrollbar-darkshadow-color:#f9c700; } --> </STYLE>

●#FFDE5B <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:WHITE; scrollbar-arrow-color:#FFDE5B; scrollbar-highlight-color:#FFDE5B; scrollbar-3dlight-color:WHITE; scrollbar-shadow-color:WHITE; scrollbar-darkshadow-color:#FFDE5B; } --> </STYLE>

●#f9c700 <STYLE type="text/css"> <!-- BODY { SCROLLBAR-FACE-COLOR:#f9c700; SCROLLBAR-HIGHLIGHT-COLOR:WHITE; SCROLLBAR-SHADOW-COLOR:#f9c700; SCROLLBAR-3DLIGHT-COLOR:#f9c700; SCROLLBAR-ARROW-COLOR:#f9c700; SCROLLBAR-TRACK-COLOR:white; SCROLLBAR-DARKSHADOW-COLOR:#f9c700; }--> </STYLE>

●#FFDE5B <STYLE type="text/css"> <!-- BODY { SCROLLBAR-FACE-COLOR:#FFDE5B; SCROLLBAR-HIGHLIGHT-COLOR:WHITE; SCROLLBAR-SHADOW-COLOR:#FFDE5B; SCROLLBAR-3DLIGHT-COLOR:#FFDE5B; SCROLLBAR-ARROW-COLOR:#FFDE5B; SCROLLBAR-TRACK-COLOR:white; SCROLLBAR-DARKSHADOW-COLOR:#FFDE5B; }--> </STYLE>

●#f9c700 <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:WHITE; scrollbar-arrow-color:WHITE; scrollbar-highlight-color:#f9c700; scrollbar-3dlight-color:WHITE; scrollbar-shadow-color:WHITE; scrollbar-darkshadow-color:#f9c700; } --> </STYLE>

●#FFDE5B <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:WHITE; scrollbar-arrow-color:WHITE; scrollbar-highlight-color:#FFDE5B; scrollbar-3dlight-color:WHITE; scrollbar-shadow-color:WHITE; scrollbar-darkshadow-color:#FFDE5B; } --> </STYLE>

<STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:#FFDE5B; scrollbar-arrow-color:BLACK; scrollbar-highlight-color:WHITE; scrollbar-3dlight-color:BLACK; scrollbar-shadow-color:BLACK; scrollbar-darkshadow-color:#FFDE5B; } --> </STYLE>  

 19  CODE:::สกอบาร์สีเขียวจ้า

●#06e606 <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:#06e606; scrollbar-arrow-color:BLACK; scrollbar-highlight-color:WHITE; scrollbar-3dlight-color:BLACK; scrollbar-shadow-color:BLACK; scrollbar-darkshadow-color:#06e606; } --> </STYLE>

●#8AFC8A <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:#8AFC8A; scrollbar-arrow-color:BLACK; scrollbar-highlight-color:WHITE; scrollbar-3dlight-color:BLACK; scrollbar-shadow-color:BLACK; scrollbar-darkshadow-color:#8AFC8A; } --> </STYLE>

●#06e606 <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:WHITE; scrollbar-arrow-color:#06e606; scrollbar-highlight-color:#06e606; scrollbar-3dlight-color:WHITE; scrollbar-shadow-color:WHITE; scrollbar-darkshadow-color:#06e606; } --> </STYLE>

●#8AFC8A <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:WHITE; scrollbar-arrow-color:#8AFC8A; scrollbar-highlight-color:#8AFC8A; scrollbar-3dlight-color:WHITE; scrollbar-shadow-color:WHITE; scrollbar-darkshadow-color:#8AFC8A; } --> </STYLE>

●#06e606 <STYLE type="text/css"> <!-- BODY { SCROLLBAR-FACE-COLOR:#06e606; SCROLLBAR-HIGHLIGHT-COLOR:WHITE; SCROLLBAR-SHADOW-COLOR:#06e606; SCROLLBAR-3DLIGHT-COLOR:#06e606; SCROLLBAR-ARROW-COLOR:#06e606; SCROLLBAR-TRACK-COLOR:white; SCROLLBAR-DARKSHADOW-COLOR:#06e606; } --> </STYLE>

●#8AFC8A <STYLE type="text/css"> <!-- BODY { SCROLLBAR-FACE-COLOR:#8AFC8A; SCROLLBAR-HIGHLIGHT-COLOR:WHITE; SCROLLBAR-SHADOW-COLOR:#8AFC8A; SCROLLBAR-3DLIGHT-COLOR:#8AFC8A; SCROLLBAR-ARROW-COLOR:#8AFC8A; SCROLLBAR-TRACK-COLOR:white; SCROLLBAR-DARKSHADOW-COLOR:#8AFC8A; }--> </STYLE>

●#06e606 <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:WHITE; scrollbar-arrow-color:WHITE; scrollbar-highlight-color:#06e606; scrollbar-3dlight-color:WHITE; scrollbar-shadow-color:WHITE; scrollbar-darkshadow-color:#06e606; } --> </STYLE>

●#8AFC8A <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:WHITE; scrollbar-arrow-color:WHITE; scrollbar-highlight-color:#8AFC8A; scrollbar-3dlight-color:WHITE; scrollbar-shadow-color:WHITE; scrollbar-darkshadow-color:#8AFC8A; } --> </STYLE>

<STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:#06e606; scrollbar-arrow-color:BLACK; scrollbar-highlight-color:WHITE; scrollbar-3dlight-color:BLACK; scrollbar-shadow-color:BLACK; scrollbar-darkshadow-color:#06e606; } --> </STYLE>

20  CODE:::สกอบาร์สีม่วงจ้า

●#cb79f7 <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:#cb79f7; scrollbar-arrow-color:BLACK; scrollbar-highlight-color:WHITE; scrollbar-3dlight-color:BLACK; scrollbar-shadow-color:BLACK; scrollbar-darkshadow-color:#cb79f7; } --> </STYLE>

●#E6BDFB <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:#E6BDFB; scrollbar-arrow-color:BLACK; scrollbar-highlight-color:WHITE; scrollbar-3dlight-color:BLACK; scrollbar-shadow-color:BLACK; scrollbar-darkshadow-color:#E6BDFB; } --> </STYLE>

●#cb79f7 <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:WHITE; scrollbar-arrow-color:#cb79f7; scrollbar-highlight-color:#cb79f7; scrollbar-3dlight-color:WHITE; scrollbar-shadow-color:WHITE; scrollbar-darkshadow-color:#cb79f7; } --> </STYLE>

●#E6BDFB <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:WHITE; scrollbar-arrow-color:#E6BDFB; scrollbar-highlight-color:#E6BDFB; scrollbar-3dlight-color:WHITE; scrollbar-shadow-color:WHITE; scrollbar-darkshadow-color:#E6BDFB; } --> </STYLE>

●#cb79f7 <STYLE type="text/css"> <!-- BODY { SCROLLBAR-FACE-COLOR:#cb79f7; SCROLLBAR-HIGHLIGHT-COLOR:WHITE; SCROLLBAR-SHADOW-COLOR:#cb79f7; SCROLLBAR-3DLIGHT-COLOR:#cb79f7; SCROLLBAR-ARROW-COLOR:#cb79f7; SCROLLBAR-TRACK-COLOR:white; SCROLLBAR-DARKSHADOW-COLOR:#cb79f7; } --> </STYLE>

●#E6BDFB <STYLE type="text/css"> <!-- BODY { SCROLLBAR-FACE-COLOR:#E6BDFB; SCROLLBAR-HIGHLIGHT-COLOR:WHITE; SCROLLBAR-SHADOW-COLOR:#E6BDFB; SCROLLBAR-3DLIGHT-COLOR:#E6BDFB; SCROLLBAR-ARROW-COLOR:#E6BDFB; SCROLLBAR-TRACK-COLOR:white; SCROLLBAR-DARKSHADOW-COLOR:#E6BDFB; }--> </STYLE>

●#cb79f7 <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:WHITE; scrollbar-arrow-color:WHITE; scrollbar-highlight-color:#cb79f7; scrollbar-3dlight-color:WHITE; scrollbar-shadow-color:WHITE; scrollbar-darkshadow-color:#cb79f7; } --> </STYLE>

●#E6BDFB <STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:WHITE; scrollbar-arrow-color:WHITE; scrollbar-highlight-color:#E6BDFB; scrollbar-3dlight-color:WHITE; scrollbar-shadow-color:WHITE; scrollbar-darkshadow-color:#E6BDFB; } --> </STYLE>

<STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:#E6BDFB; scrollbar-arrow-color:BLACK; scrollbar-highlight-color:WHITE; scrollbar-3dlight-color:BLACK; scrollbar-shadow-color:BLACK; scrollbar-darkshadow-color:#E6BDFB; } --> </STYLE>

21  CODE:::สกอบาร์รวมสี(เล็กน้อย)

●black
<STYLE type="text/css"> <!-- BODY { SCROLLBAR-FACE-COLOR:black; SCROLLBAR-HIGHLIGHT-COLOR:WHITE; SCROLLBAR-SHADOW-COLOR:black; SCROLLBAR-3DLIGHT-COLOR:black; SCROLLBAR-ARROW-COLOR:black; SCROLLBAR-TRACK-COLOR:white; SCROLLBAR-DARKSHADOW-COLOR:black; } --> </STYLE>

<STYLE type="text/css"> <!-- BODY { SCROLLBAR-FACE-COLOR:white; SCROLLBAR-HIGHLIGHT-COLOR:black; SCROLLBAR-SHADOW-COLOR:white; SCROLLBAR-3DLIGHT-COLOR:#cccccc; SCROLLBAR-ARROW-COLOR:black; SCROLLBAR-TRACK-COLOR:white; SCROLLBAR-DARKSHADOW-COLOR:white; } --> </STYLE>

<STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:#F7941C; scrollbar-arrow-color:BLACK; scrollbar-highlight-color:WHITE; scrollbar-3dlight-color:BLACK; scrollbar-shadow-color:BLACK; scrollbar-darkshadow-color:#F7941C; } --> </STYLE>



<STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:#000000; scrollbar-arrow-color:BLACK; scrollbar-highlight-color:WHITE; scrollbar-3dlight-color:BLACK; scrollbar-shadow-color:BLACK; scrollbar-darkshadow-color:#000000; } --> </STYLE>



<STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:#8C6238; scrollbar-arrow-color:BLACK; scrollbar-highlight-color:WHITE; scrollbar-3dlight-color:BLACK; scrollbar-shadow-color:BLACK; scrollbar-darkshadow-color:#8C6238; } --> </STYLE>

 22  CODE:::ไดอารี่ใส

<style> table {background:none;} td {background:none;} </style> 

 23  CODE:::กรอบไดอารี่

<script language="JavaScript1.2"> if (document.all) document.body.style.cssText="border:15 inset #000000" </script>  

24  CODE:::เปลี่ยนสีลิ้งค์ทั้งหมด

<style type="text/css"> <!-- body { margin: 0px 0px; padding: 0px 0px} a:link { color: #ใส่ชื่อสีลิงค์ที่ชอบตรงนี้; text-decoration: none} a:visited { color: #สีลิงค์ที่ไปมาแล้ว; text-decoration: none} a:active { color: #กะลังจะคลิกที่ลิงค์นี้; text-decoration: underline} a:hover { color: #สีตอนคลิกลิงค์; text-decoration: underline} --> </style>  

25  CODE:::กรอบปฏิทิน

<style> calendarHeader { background:red; } .calendarToday { font-weight: bold; background:grey; } .calendar { border:1px solid #cccccc; } </style> </body> </html> </body> </html>  

26  CODE::.ใส่รูปที่หัวข้อเวปเพจ

<img border="0" src="URLของรูป"border="0"> 

27  CODE:::กล่องคอมเม้น เปลี่ยนตัวอักษรคอมเม้น

<STYLE type="text/css">textarea{width:250;height:250;background:url("urlรูป"); color="#FFFFFF"; STRONG; font-family : 4803_Kwang_MD; font-size:24pt; </STYLE>  

28  CODE:::เปลี่ยนตัวอักษรตรงคอมเม้น

<style> #comment_detail_border div{ font-family:"4803_Kwang_MD"; font-size:20pt; } </style>  

ตรงที่เปน 4803_Kwang_MD

คือฟ้อนนะค่ะ สามารถเปลี่ยนแบบฟ้อนได้นะค่ะ

29  CODE:::ใส่รูปในกล่องคอมเม้น และคนที่มาเม้นให้เรา

<style> #box_comment{ background:url<FONT color=#cc0000>(ใส่urlรูป);</FONT> } #comment_detail{ background:url<FONT color=#cc33cc>(ใส่urlรูป);</FONT> } </style>  

บีจีรอบๆกล่องคอมเม้น
บีจีตรงคนที่เม้นให้เราแล้ว จ้า

30  CODE:::ภาพลอยออกจากกล่องคอมเม้น

<SCRIPT LANGUAGE="JavaScript"> <!-- Begin Image0 = new Image(); Image0.src = <FONT color=#ff0000>"ใส่ url รูปตรงนี้จ้า";</FONT> Amount = 20; Ymouse = -50; Xmouse = -50; Ypos = new Array(); Xpos = new Array(); Speed = new Array(); rate = new Array(); grow = new Array(); Step = new Array(); Cstep = new Array(); nsSize = new Array(); ns = (document.layers)?1:0; (document.layers)?window.captureEvents(Event.MOUSEMOVE):0; function Mouse(evnt) { Ymouse=(document.layers)?evnt.pageY-20:event.y-20; Xmouse=(document.layers)?evnt.pageX:event.x; } (document.layers)?window.onMouseMove=Mouse:document.onmousemove=Mouse; for (i = 0; i < Amount; i++) { Ypos[i] = Ymouse; Xpos[i] = Xmouse; Speed[i] = Math.random()*4+1; Cstep[i] = 0; Step[i] = Math.random()*0.1+0.05; grow[i] = 8; nsSize[i] = Math.random()*15+5; rate[i] = Math.random()*0.5+0.1; } if (ns) { for (i = 0; i < Amount; i++) { document.write("<LAYER NAME=''sn"+i+"'' LEFT=0 TOP=0><img src="+Image0.src+" name=''N'' width="+nsSize[i]+" height="+nsSize[i]+"></LAYER>"); } } else { document.write(''<div style="position:absolute;top:0px;left:0px"><div style="position:relative">''); for (i = 0; i < Amount; i++) { document.write(''<img id="si" src="''+Image0.src+''" style="position:absolute;top:0px;left:0px;filter:alpha(opacity=90)">''); } document.write(''</div></div>''); } function MouseBubbles() { var hscrll = (document.layers)?window.pageYOffset:document.body.scrollTop; var wscrll = (document.layers)?window.pageXOffset:document.body.scrollLeft; for (i = 0; i < Amount; i++){ sy = Speed[i] * Math.sin(270 * Math.PI / 180); sx = Speed[i] * Math.cos(Cstep[i] * 4); Ypos[i] += sy; Xpos[i] += sx; if (Ypos[i] < -40) { Ypos[i] = Ymouse; Xpos[i] = Xmouse; Speed[i] = Math.random() * 6 + 4; grow[i] = 8; nsSize[i] = Math.random() * 15 + 5; } if (ns) { document.layers[''sn''+i].left = Xpos[i] + wscrll; document.layers[''sn''+i].top = Ypos[i] + hscrll; } else { si[i].style.pixelLeft = Xpos[i] + wscrll; si[i].style.pixelTop = Ypos[i] + hscrll; si[i].style.width = grow[i]; si[i].style.height = grow[i]; } grow[i] += rate[i]; Cstep[i] += Step[i]; if (grow[i] > 24) grow[i] = 25; } setTimeout(''MouseBubbles()'', 10); } MouseBubbles(); // End --> </script>  

31  CODE:::ใส่รูปตามส่วนต่างๆ

<style> /* กล่อง คอมเมนต์ ของแต่ล่ะคน*/ #comment_detail{ background:url(http://www.yenta4.com/diary/images/bg_diary.gif); } /* กล่อง ปฎิทิน*/ #calendar{ background:url(http://www.yenta4.com/webboard/img/new.gif); } /* กล่อง logo */ #logo{ background:url(http://www.yenta4.com/webboard/img/hot.gif); } /* กล่อง อื่นๆ*/ #etc{ background:url(http://www.yenta4.com/diary/images/blank.gif); } /* กล่อง เวบเพจ*/ #webpage{ background:url(http://www.yenta4.com/diary/images/mn_6.gif); } /* กล่อง เนื้อหา*/ #body{ background:url(http://www.yenta4.com/images/top/head_diary_01.gif); } /* กล่อง คอมเมนต์*/ #box_comment{ background:url(http://www.yenta4.com/webboard/img/hot.gif); } /* กล่อง ด้านขวา*/ #right{ background:url(http://www.yenta4.com/diary/images/love.gif); } </style>  

32CODE:::รูปเลื่อนได้

<marquee><img src= url ของรูป> </marquee>  

33  CODE:::ข้อความตอนเมาส์นิ่ง

<body ONLOAD="hyperlinks(this.checked)" title="ข้อความ"> 

34  CODE:::คลิกขวามี POP UP

<head><!--www.houvthak.com --> <script language="JavaScript"> function right(e) { if (navigator.appName == ''Netscape'' && (e.which == 3 || e.which == 2)) return false; else if (navigator.appName == ''Microsoft Internet Explorer'' && (event.button == 2 || event.button == 3)) { alert("เขียนข้อความตรงนี้จ้ะ"); return false; } return true; } document.onmousedown=right; if (document.layers) window.captureEvents(Event.MOUSEDOWN); window.onmousedown=right; </script> </head>  

35  CODE::: STATUS BAR โหลดเปนเปอร์เซ็น

<SCRIPT> <!-- Hide from old browsers message = "L o a d d i n g |||||||||||||||||||||||||||||||| 30% ^"+ "L o a d d i n g ||||||||||||||||||||||||||||||||||||||||||||||||| 50% ^"+ "L o a d d i n g |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| 70% ^" + "L o a d d i n g ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| 100% ^" + "ข้อความ^" + "ข้อความ^"+ "^" scrollSpeed = 25 lineDelay = 1500 // Do not change the text below // txt = "" function scrollText(pos) { if (message.charAt(pos) != '^') { txt = txt + message.charAt(pos) status = txt pauze = scrollSpeed } else { pauze = lineDelay txt = "" if (pos == message.length-1) pos = -1 } pos++ setTimeout("scrollText('"+pos+"')",pauze) } // Unhide --> scrollText(0) </SCRIPT>  

 36  CODE:::เปิดไดเปนม่าน

<!DOCTYPE html PUBLIC "-//W3C//Dtd html 4.0 transitional//EN"><html><meta content="th" http-equiv=Content-Language> <meta content="text/html; charset=windows-874" http-equiv=Content-Type><head><title>un-no Free Script</title> <style> <!-- .intro{ position:absolute; left:0; top:0; layer-background-color:#F85D7E; background-color:#F85D7E; border:0.1px solid yellow } --> </style> </head> <body> <div id="i1" class="intro"></div><div id="i2" class="intro"></div><div id="i3" class="intro"></div><div id="i4" class="intro"></div><div id="i5" class="intro"></div><div id="i6" class="intro"></div><div id="i7" class="intro"></div><div id="i8" class="intro"></div> <script language="JavaScript1.2"> var speed=20 var temp=new Array() var temp2=new Array() if (document.layers){ for (i=1;i<=8;i++){ temp[i]=eval("document.i"+i+".clip") temp2[i]=eval("document.i"+i) temp[i].width=window.innerWidth/8-0.3 temp[i].height=window.innerHeight temp2[i].left=(i-1)*temp[i].width } } else if (document.all){ var clipbottom=document.body.offsetHeight,cliptop=0 for (i=1;i<=8;i++){ temp[i]=eval("document.all.i"+i+".style") temp[i].width=document.body.clientWidth/8 temp[i].height=document.body.offsetHeight temp[i].left=(i-1)*parseInt(temp[i].width) } } function openit(){ window.scrollTo(0,0) if (document.layers){ for (i=1;i<=8;i=i+2) temp[i].bottom-=speed for (i=2;i<=8;i=i+2) temp[i].top+=speed if (temp[2].top>window.innerHeight) clearInterval(stopit) } else if (document.all){ clipbottom-=speed for (i=1;i<=8;i=i+2){ temp[i].clip="rect(0 auto+"+clipbottom+" 0)" } cliptop+=speed for (i=2;i<=8;i=i+2){ temp[i].clip="rect("+cliptop+" auto auto)" } if (clipbottom<=0) clearInterval(stopit) } } function gogo(){ stopit=setInterval("openit()",100) } gogo() </script> </body> </html>  

37  CODE:::ลิ้งค์สั่น

<style> .shakeimage{position:relative} </style> <script language="JavaScript1.2"> //configure shake degree (where larger # equals greater shake) var rector=3 var stopit=0 var a=1 function init(which){ stopit=0 shake=which shake.style.left=0 shake.style.top=0 } function rattleimage(){ if ((!document.all&&!document.getElementById)||stopit==1) return if (a==1){ shake.style.top=parseInt(shake.style.top)+rector } else if (a==2){ shake.style.left=parseInt(shake.style.left)+rector } else if (a==3){ shake.style.top=parseInt(shake.style.top)-rector } else{ shake.style.left=parseInt(shake.style.left)-rector } if (a<4) a++ else a=1 setTimeout("rattleimage()",50) } function stoprattle(which){ stopit=1 which.style.left=0 which.style.top=0 } </script> <center><img src= "urlรูป"class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this)">  

38  CODE:::ลิ้งค์จาง

<style> A:LINK IMG{ filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0) } A:HOVER IMG{ filter: Blur(Add = 0, Direction = 225, Strength = 1) } A:visited IMG{filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0) } </style>  

39   CODE:::คลิกขวาไม่ได้

<script language=JavaScript> <!-- var message="Function Disabled!"; /////////////////////////////////// function clickIE() {if (document.all) {alert(message);return false;}} function clickNS(e) {if (document.layers||(document.getElementById&&!document.all)) { if (e.which==2||e.which==3) {alert(message);return false;}}} if (document.layers) {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;} else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;} document.oncontextmenu=new Function("return false") // --> </script> 

40  CODE:::คลิกขวาแล้วมีกล่องขึ้นมา

<STYLE type=TEXT/CSS> .skin0 {position:absolute;text-align:left;width:180px;border:5px solid :สีกรอบ;background-color:สีพื้นหลัง;font-family:System;font-size: 4pt;line-height:20px;cursor:help;visibility:hidden;} .menuitems {padding-left:5px;padding-right:5px;} </STYLE> <script language="JavaScript"> <!-- Begin var menuskin = "skin0"; var display_url = 0; function showmenuie5() { var rightedge = document.body.clientWidth-event.clientX; var bottomedge = document.body.clientHeight-event.clientY; if (rightedge < ie5menu.offsetWidth) ie5menu.style.left = document.body.scrollLeft + event.clientX - ie5menu.offsetWidth; else ie5menu.style.left = document.body.scrollLeft + event.clientX; if (bottomedge < ie5menu.offsetHeight) ie5menu.style.top = document.body.scrollTop + event.clientY - ie5menu.offsetHeight; else ie5menu.style.top = document.body.scrollTop + event.clientY; ie5menu.style.visibility = "visible"; return false; } function hidemenuie5() { ie5menu.style.visibility = "hidden"; } function highlightie5() { if (event.srcElement.className == "menuitems") { event.srcElement.style.backgroundColor = "black"; event.srcElement.style.color = "yellow"; if (display_url) window.status = event.srcElement.url; } } function lowlightie5() { if (event.srcElement.className == "menuitems") { event.srcElement.style.backgroundColor = "black"; event.srcElement.style.color = "yellow"; window.status = ""; } } function jumptoie5() { if (event.srcElement.className == "menuitems") { if (event.srcElement.getAttribute("target") != null) window.open(event.srcElement.url, event.srcElement.getAttribute("target")); else window.location = event.srcElement.url; } } // End --> </script> <div id="ie5menu" class="skin0" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5();"> <div class="menuitems"><font color="#9900FF"> <center><b>ข้อความ</b></center> <center><b>ข้อความ</b></center></font></div> </div> <script language="JavaScript"> if (document.all && window.print) { ie5menu.className = menuskin; document.oncontextmenu = showmenuie5; document.body.onclick = hidemenuie5; } </script> 

41  CODE:::ถามอายุเวลาเข้าไดอารี่หรือนิยายฯลฯ

<script language="javascript"> <!-- พิมพ์ข้อความที่จะถามคนเข้าว่าอายุเท่าไรด้านล่างครับ --> var agePrompt=prompt("คุณอายุเท่าไหร่ครับ"); <!-- พิมพ์เลขอายุขั้นต่ำที่ให้เข้าได้ที่เลข 5 ครับ --> if (agePrompt>=5) alert('คุณเข้าได้ครับ') else { alert('คุณอายุไม่ถึง เข้าไม่ได้ครับ') <!-- พิมพ์ชื่อ URL ที่เวลาคนมาอายุไม่ถึงแล้วกลับออกไปด้านล่าง --> document.location="http://www.thaiwebcreator.com"; } </script>  

สังเกตุดีๆเน้อมันจามีให้เราพิมข้อความลงไปนะจ้า

42  CODE:::บอกว่ามีคนออนไลน์อยู่กี่คน

<script type="text/javascript" src="http://www.thaidoweb.com/freeonline/index.php?user=LsshC72NB6&img=1"></script> 

43  CODE:::บอกว่าเคยเข้าไดนี้มากี่ครั้งแล้ว

<SCRIPT> function GetCookie (name) { var arg = name + "="; var alen = arg.length; var clen = document.cookie.length; var i = 0; while (i < clen) { var j = i + alen; if (document.cookie.substring(i, j) == arg) return getCookieVal (j); i = document.cookie.indexOf(" ", i) + 1; if (i == 0) break; } return null; } function SetCookie (name, value) { var argv = SetCookie.arguments; var argc = SetCookie.arguments.length; var expires = (argc > 2) ? argv[2] : null; var path = (argc > 3) ? argv[3] : null; var domain = (argc > 4) ? argv[4] : null; var secure = (argc > 5) ? argv[5] : false; document.cookie = name + "=" + escape (value) + ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + ((path == null) ? "" : ("; path=" + path)) + ((domain == null) ? "" : ("; domain=" + domain)) + ((secure == true) ? "; secure" : ""); } function DeleteCookie (name) { var exp = new Date(); exp.setTime (exp.getTime() - 1); var cval = GetCookie (name); document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString(); } var expDays = 30; var exp = new Date(); exp.setTime(exp.getTime() + (expDays*24*60*60*1000)); function amt(){ var count = GetCookie('count') if(count == null) { SetCookie('count','1') return 1 } else { var newcount = parseInt(count) + 1; DeleteCookie('count') SetCookie('count',newcount,exp) return count } } function getCookieVal(offset) { var endstr = document.cookie.indexOf (";", offset); if (endstr == -1) endstr = document.cookie.length; return unescape(document.cookie.substring(offset, endstr)); } </SCRIPT> <SCRIPT> document.write("มาเยี่ยมไดเราครั้งที่ " + amt() + " แล้วล่ะ") </SCRIPT>  

44  CODE:::ไดเขย่า

</HEAD> function shake(n) { if (parent.moveBy) { for (i = 10; i > 0; i--) { for (j = n; j > 0; j--) { parent.moveBy(0,i); parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0); } } } } // End --> </script> <BODY> <center> <form> <input type=button onClick="shake(2)" value="ข้อความ"> </form> </center> <p><center> <font face="arial, helvetica" size="-2"><br> </center><p>  

45  CODE:::พิ้นหลังเลื่อนลงมาเอง

<script language="JavaScript"> <!-- Begin var backgroundOffset = 0; var bgObject = eval('document.body'); function scrollBG(maxSize) { backgroundOffset = backgroundOffset + 3;//เพิ่มความเร็วได้ที่นี่ครับ if (backgroundOffset > maxSize) backgroundOffset = 0; bgObject.style.backgroundPosition = "0 " + backgroundOffset; } var ScrollTimer = window.setInterval("scrollBG(307)", 64); // End --> </script>  

46  CODE:::QMใส แจ๋ว

<style> <!-- input{background:none;} textarea{background:none; height:50px; width:140px} --></style> 

47  CODE:::ใส่รูปใน QM

<style> <!-- input{background:url('urlรูปในช่องกรอกชื่อ'); } textarea{ background:url('urlรูปในช่องกรอกข้อความ'); height:50px; width:140px} --></style> 

48  CODE:::ใส่ขอบเวปเพจ(มีมิติ)

<script language="JavaScript1.2"> if (document.all) document.body.style.cssText="border:12 inset #โค้ดสี" </script> 

49  CODE:::ใส่ขอบเวปเพจ(ไม่มีมิติ)

<script language="JavaScript1.2"> if (document.all) document.body.style.cssText="border:12 dashed #โค้ดสี" </script> 

50  CODE:::สกอบาร์ที่ QM

<style type="text/css"> f{ } textarea { SCROLLBAR-FACE-COLOR:#โค้ดสี;SCROLLBAR-HIGHLIGHT-COLOR:#โค้ดสี; SCROLLBAR-SHADOW-COLOR:#โค้ดสี;SCROLLBAR-3DLIGHT-COLOR:#โค้ดสี;SCROLLBAR-ARROW-COLOR:#โค้ดสี; SCROLLBAR-TRACK-COLOR:#โค้ดสี;SCROLLBAR-DARKSHADOW-COLOR:#โค้ดสี } --></style> 

51  CODE:::ชี้ลิ้งค์แล้วHIGHTLIGHT

<style> a:hover { color:#โค้ดสีตัวอักษรบนhightlight; text-decoration:none; background:#โค้ดสีที่highlight;} </style> 

52  CODE:::ชี้ลิ้งค์กลับด้าน

<STYLE TYPE="TEXT/CSS"><!-- a:link { color: #ff0000; text-decoration: none} a:visited { color: #ff0000; text-decoration: none} a:active { color: #ff0000; text-decoration: none} a:hover { color: #ff0000; text-decoration: none;FILTER:fliph; HEIGHT:0} //--></STYLE>  

53  CODE:::ไอดีกลับด้าน

<style type="text/css"> table {direction:rtl;} table table table {direction:ltr;} </style> 

54  CODE:::ขยาย What's up

<table cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="560" id="AutoNumber1"> <tr> <td width="100%"></td> </tr> </table> 

55  CODE:::ไอดีใส+สกอบาร์

ไอดีใส

<STYLE> table {background:none;} td {background:none;}</STYLE> 

สกอบาร์

<style type="text/css"> BODY { SCROLLBAR-FACE-COLOR:#โค้ดสี;SCROLLBAR-HIGHLIGHT-COLOR:#โค้ดสี; SCROLLBAR-SHADOW-COLOR:#โค้ดสี;SCROLLBAR-3DLIGHT-COLOR:#โค้ดสี;SCROLLBAR-ARROW-COLOR:#โค้ดสี; SCROLLBAR-TRACK-COLOR:#โค้ดสี;SCROLLBAR-DARKSHADOW-COLOR:#โค้ดสี } </style>

56  CODE:::ข้อความเป็นเงา

<SPAN style="width:500px; height:6px; filter:blur(add=1, direction=100, strength=5)">ข้อความ</SPAN> 

57  CODE:::อักษรขึ้นทีละตัว

<script language="JavaScript1.2"> var it=0 function initialize(){ mytext=typing.innerText var myheight=typing.offsetHeight typing.innerText='' document.all.typing.style.height=myheight document.all.typing.style.visibility="visible" typeit() } function typeit(){ typing.insertAdjacentText("beforeEnd",mytext.charAt(it)) if (it<mytext.length-1){ it++ setTimeout("typeit()",100) } else return } if (document.all) document.body.onload=initialize </script> <font face="ms sans serif" size="2"> <small><span id="typing" style="visibility:hidden" align="left"> <font face="MS Sans Serif, Microsoft Sans Serif" size="1" color="#0000FF">ข้อความจ้า</font></span></small> </font>  

58  CODE:::รูปเลื่อนขึ้น - ลง

<!--Start Code From PremPree.Com --> <!--เริ่ม-แสดงcode--> <div id="point1" STYLE="position:absolute;visibility:visible;"> <img src="urlรูป"> </div> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin var xPos = 20; var step = 1; var delay = 30; var yPos = 0; var height = 0; var offset = 0; var yon = 0; var name = navigator.appName; if (name == "Microsoft Internet Explorer") { yPos = document.body.clientHeight; point1.style.top = yPos; } else { yPos = window.innerHeight; document.point1.pageY = yPos; document.point1.visibility = "hidden"; } function changePos() { if (yon == 0) { yPos = yPos - step; } else { yPos = yPos + step; } if (name == "Microsoft Internet Explorer") { height = document.body.clientHeight; offset = point1.offsetHeight; } else { height = window.innerHeight; offset = document.point1.clip.height; } if (yPos < 0) { yon = 1; yPos = 0; } if (yPos >= (height - offset)) { yon = 0; yPos = (height - offset); } if (name == "Microsoft Internet Explorer") { point1.style.left = xPos; point1.style.top = yPos + document.body.scrollTop; } else { document.point1.pageX = xPos; document.point1.pageY = yPos + window.pageYOffset; } } function start() { if (name != "Microsoft Internet Explorer") { document.point1.visibility = "visible"; } loopfunc(); } function loopfunc() { changePos(); setTimeout('loopfunc()',delay); } start() // End --> </script> <!--จบ-แสดงcode--> <!--ic:flood--> <!-- End code From PremPree.Com -->  

59  CODE:::นับเวลาเข้าไดค่ะ

<center> <table border="0"> <tr> <td align="center" valign="top"><font face="MS Sans Serif"><strong>ใส่ข้อความที่นี่(ด้านหน้าของกรอบนับเวลา)</strong></font></td> <td align="center" valign="top"><form name="d"> <p><input type="text" size="8" name="d2"></p> </form> </td> <td align="center" valign="top"><font face="MS Sans Serifl"><strong>ใส่ที่นี่ด้วย(ด้านหลังกรอบนับเวลา)</strong></font></td> </tr> </table> <script> <!-- var milisec=0 var seconds=0 document.d.d2.value='0' function display(){ if (milisec>=9){ milisec=0 seconds+=1 } else milisec+=1 document.d.d2.value=seconds+"."+milisec setTimeout("display()",100) } display() //--> </script> 

60  CODE:::สเตตัสบาร์ โหลด เป็น %

<SCRIPT> <!-- Hide from old browsers message = "L o a d d i n g |||||||||||||||||||||||||||||||| 30% ^"+ "L o a d d i n g ||||||||||||||||||||||||||||||||||||||||||||||||| 50% ^"+ "L o a d d i n g |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| 70% ^" + "L o a d d i n g ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| 100% ^" + "ข้อความ^" + "ข้อความ^"+ "ข้อความ^" + "^" scrollSpeed = 25 lineDelay = 1500 // Do not change the text below // txt = "" function scrollText(pos) { if (message.charAt(pos) != '^') { txt = txt + message.charAt(pos) status = txt pauze = scrollSpeed } else { pauze = lineDelay txt = "" if (pos == message.length-1) pos = -1 } pos++ setTimeout("scrollText('"+pos+"')",pauze) } // Unhide --> scrollText(0) </SCRIPT> 

61  CODE:::ทำ แบนเนอร์ จ้า

<a href=" ลิ้งค์ ที่ จะ ไป "><img src=" U R L รูป" border="0"></a> 

border คือ กรอบของรูปค่ะถ้าไม่อยากให้รูปมีกรอบก้อใส่ 0 แทนนะ
แต่ถ้าอยากให้มีกรอบก้อใส่ตัวเลขอื่นลงไป
ถ้าอยากให้เปนสีอย่างที่เราต้องการให้ใส่
color="…" ลงไปหลัง border

62  CODE::: ใส่ Search Google

<!-- Search Google --> <center> <FORM method=GET action="http://www.google.com/search"TARGET=_blank> <input type=hidden name=ie value=tis-620> <input type=hidden name=oe value=tis-620> <A HREF="http://www.google.co.th/"> <IMG SRC="http://www.google.com/logos/Logo_40wht.gif" border="0" ALT="Google" align="absmiddle"> <INPUT TYPE=text name=q size=25 maxlength=255 value=""> <INPUT type=submit name=btnG VALUE="Google Search"></FORM></center> 

63  CODE::: ตัวหนังสือห่างกัน

<style> p{ letter-spacing:2px; } </style> 

64  CODE:::ชี้รูปแล้วสั่น

<style> .shakeimage{position:relative} </style> <script language="JavaScript1.2"> //configure shake degree (where larger # equals greater shake) var rector=3 var stopit=0 var a=1 function init(which){ stopit=0 shake=which shake.style.left=0 shake.style.top=0 } function rattleimage(){ if ((!document.all&&!document.getElementById)||stopit==1) return if (a==1){ shake.style.top=parseInt(shake.style.top)+rector } else if (a==2){ shake.style.left=parseInt(shake.style.left)+rector } else if (a==3){ shake.style.top=parseInt(shake.style.top)-rector } else{ shake.style.left=parseInt(shake.style.left)-rector } if (a<4) a++ else a=1 setTimeout("rattleimage()",50) } function stoprattle(which){ stopit=1 which.style.left=0 which.style.top=0 } </script> <center><img src= "urlรูป"class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this)"> 

65  CODE:::ห้ามคลุมแถบดำ

<script language="JavaScript1.2"> function disableselect(e){ return false } function reEnable(){ return true } //if IE4+ document.onselectstart=new Function ("return false") //if NS6 if (window.sidebar){ document.onmousedown=disableselect document.onclick=reEnable } </script> 

66  CODE:::เมาส์บวก

<STYLE type=text/css> body {cursor:crosshair;} </STYLE> 

67  CODE:::รูปภาพเป็นลิ้งค์

<a href="ลิ้งค์ที่จะไป"><img border="กรอบของรูปถ้า0คือไม่มีกรอบเลขยิ่งสูงกรอบยิ่งหนา" src="urlรูป" alt="คำที่เมาส์ชี้"></a> 

68  CODE:::ตัวอักษรเป็นลิ้งค์

<font face="ฟอนท์" size="ขนาดตัวอักษร"><a href="ลิ้งค์ที่จะไป">คำพูดที่จะให้ลิ้งค์ไป</a></font>  

69  CODE:::การใช้รูปภาพเป็นพื้นหลัง

<body background="background.gif"> 

background.gif คือภาพที่จะเป็นพื้นหลังค่ะ

70  CODE:::คลิ๊กเมาส์บนลิ้งค์แล้วมีALERTขึ้นมา

<a href="ลิ้งค์ที่เวปจะไป" onClick="window.alert('ข้อความที่จะขึ้นในกล่อง')">ข้อความที่เปนลิ้งค์</a> 

71  CODE:::ใช้ MOUSE ชี้ที่ LINK แล้ว CURSOR เปลี่ยนแบบ

<a href="http://www.yourlink.com" style="cursor:move">TEXTLINK</a> 

http://www.yourlink.com คือ URL ของ LINK คุณ
move คือ รูปแบบของ CURSOR ที่ต้องการให้แสดง
TEXTLINK คือ ข้อความ LINK ของคุณ

72  CODE:::ให้ GOOGLE เป็น SEARCH ENGINE ประจำเวปคุณ

<FORM method=GET action=http://www.google.co.th/custom> <INPUT TYPE=text name=q size=14 maxlength=255 value=""> <INPUT type=submit name=sa VALUE="ค้นหา"><br> <input type=hidden name=domains value="ลิ้งค์ของคุนหรือเวปไซต์ของคุน"> <input type=radio name=sitesearch value="" checked> ค้นหาใน GOOGLE.CO.TH<br> <input type=radio name=sitesearch value="ลิ้งค์ของคุนหรือเวปไซต์ของคุน">ให้แก้เปนคำ</FORM>  

73  CODE:::ทำกรอบของตารางมีสองสี

<table bgcolor="สีพื้นหลัง" border="5" bordercolorlight="สีด้านบน" bordercolordark="สีด้านล่าง" cellpadding="0" cellspacing="0"> <tr><td>ข้อความที่ให้ยู่ในกรอบ</td></tr></table> 

74  CODE:::วิธีการทำ LINK เพื่อส่ง EMAIL

<a href="mailto:เมลของเรา"> ข้อความที่จะให้คลื๊ก </a>  

75  CODE:::ขีดทับตัวอักษร

<strike>ข้อความ</strike> 

76  CODE:::ทำรูปภาพที่เป็น ลิ้งค์ จะเป็นวงกลม พอนำเมาส์ไปวางค่อยหาย

<style> A:LINK IMG{ filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0) } A:HOVER IMG{ filter: Blur(Add = 0, Direction = 225, Strength = 1) } A:visited IMG{filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0) } </style> 

77  CODE:::การทำเส้นใต้ให้กับหน้าเวป

<hr width="500" size="3" align="center" color="#0000FF"> 

78  CODE:::ตัวอักษรวิ่งสร้างเอง

<marquee scrolldelay='ความเร็วในกานเลื่อน' width=' ความกว้างที่ต้องการ ' bgColor=' สีพื้นหลัง ' behavior=' ลักษณะการเลื่อน ' direction=' ทิศทางการเลื่อน ' style='color:สีตัวอักษร;' height=' ความสูง '>ข้อความ</marquee> 

ลักษณะการเลื่อนที่ต้องการ (scroll คือ เลื่อนไปแล้วไปออกอีกด้าน,alternate คือ เด้งไปมา,slide คือ เลื่อนมาครั้งเดียว)

ทิศทางที่ต้องการ (มี up,down,left,right)

79  CODE::::สร้างไอดีจิ๋วสวยๆ

<IFRAME name==ชื่อของเฟรม src=ลิ้งค์ไอดีของเรา width=ความสูง height=ความกว้าง frameborder=1 scrolling=yes> </IFRAME> 

แบบหน้าต่างที่ใส่โค้ดเนี่ยแหละ  ไอดีจิ๋ว

80  CODE:::กรอบสวยๆจ้า(ไม่ซ้ำใครแน่นอน)คลิกดูตัวอย่าง

เลือกลองดูเอานะจ๊ะ

<center><table style="background:none url(http://www.bloggang.com/data/uggie/picture/1133952495.gif);";cellpadding="10" cellspacing="5"><tr><td><table style="background:none url(http://www.bloggang.com/data/uggie/picture/1133952545.gif);";cellpadding="9" cellspacing="5"><tr><td><table style='background:none url(http://www.bloggang.com/data/uggie/picture/1133952495.gif);';cellpadding="8" cellspacing="5"><tr><td><table style='background:#000000 ;cellpadding='7' cellspacing="5"; width=200><tr><td> <center><img src = http://www.bloggang.com/data/uggie/picture/1134072612.gif></center><center><font color=#BE1E16>ใส่ข้อความหรือรูป </font> </center> </td></tr></table></td></tr></table></td></tr></table></td></tr></table></center>  

<table align="center" width="280" <tr><td width="100%" align="center"><table border="0" cellpadding="0" cellspacing="20" width="100%" background="http://www.bloggang.com/data/uggie/picture/1134033164.gif"><tr><td width="100%" align="center"><cellpadding="0" cellspacing="0" width="100%" align="center"><b><font color= #229900>ใส่ข้อความที่นี่ </font></b> <img src="http://www.bloggang.com/data/uggie/picture/1134072498.gif"> </td></tr></table></td></tr></table

<p align=center></p><table style="border-right:lawngreen 3px dotted;border-top:lawngreen 3px dotted;border-left:lawngreen 3px dotted;width:200px;border-bottom:lawngreen 3px dotted;height:120px" cellspacing=0 cellpadding=3 align=center background=" http://www.bloggang.com/data/uggie/picture/1132738823.gif" border=0><tbody><tr><td valign=center align=middle> <p><font color=lawngreen ; font size=2>ใส่ข้อความที่นี่ </font></p> <center><img src=http://www.bloggang.com/data/uggie/picture/1132738075.gif> </center></td></tr></tbody></table></font></font>

<p align=center></p><table style="border-right:#A82868 2px solid;border-top:#A82868 2px solid;border-left:#A82868 2px solid;width:200px;border-bottom:#A82868 2px solid;height:120px" cellspacing=0 cellpadding=3 align=center background=" http://www.bloggang.com/data/uggie/picture/1132184273.gif " border=0><tbody><tr><td valign=center align=middle> <p><font color=#A82868 ; font size=2>ใส่ข้อความที่นี่ </font></p> <center><img src =http://www.bloggang.com/data/uggie/picture/1132737690.gif> </center></td></tr></tbody></table></font></font>

<p align=center></p><table style="border-right:#eeff11 2px dashed;border-top:#eeff11 2px dashed;border-left:#eeff11 2px dashed;width:200px;border-bottom:#eeff11 2px dashed;height:120px" cellspacing=0 cellpadding=3 align=center background=" http://www.bloggang.com/data/uggie/picture/1128371342.gif " border=0><tbody><tr><td valign=center align=middle> <p><font color=#eeaa00 ; font size=2>ใส่ข้อความที่นี่ </font></p> <center><img src =http://www.bloggang.com/data/uggie/picture/1132737542.gif> </center></td></tr></tbody></table></font></font>

<p align=center></p><table style="border-right:lawngreen 2px groove;border-top:lawngreen 3px groove;border-left:lawngreen 3px groove;width:200px;border-bottom:lawngreen 3px groove;height:120px" cellspacing=0 cellpadding=3 align=center background="http://www.bloggang.com/data/uggie/picture/1132895176.gif" border=0><tbody><tr><td valign=center align=middle> <p><font color=lawngreen ; font size=2>ใส่ข้อความที่นี่ </font></p> <center><img src =http://www.bloggang.com/data/uggie/picture/1132895003.gif> </center></td></tr></tbody></table></font></font>

<p align=center></p><table style="border-right:#A82868 5px ridge;border-top:#A82868 5px ridge;border-left:#A82868 5px ridge;width:200px;border-bottom:#A82868 5px ridge;height:120px" cellspacing=0 cellpadding=3 align=center background=" http://www.bloggang.com/data/uggie/picture/1127075345.gif " border=0><tbody><tr><td valign=center align=middle> <p><font color=#A82868 ; font size=2>ใส่ข้อความที่นี่ </font></p> <center><img src =http://www.bloggang.com/data/uggie/picture/1127076870.gif > </center></td></tr></tbody></table></font></font>

<p align=center></p><table style="border-right:#bbbbbb 4px double;border-top:#bbbbbb 4px double;border-left:#bbbbbb 4px double;width:200px;border-bottom:#bbbbbb 4px double;height:120px" cellspacing=0 cellpadding=3 align=center background=" http://www.bloggang.com/data/uggie/picture/1127075345.gif " border=0><tbody><tr><td valign=center align=middle> <p><font color=#bbbbbb ; font size=2>ใส่ข้อความที่นี่ </font></p> <center> <img src =http://www.bloggang.com/data/uggie/picture/1132894782.gif </center></td></tr></tbody></table></font></font>

<p align=center></p><table style="border-right:plum 1px solid;border-top:plum 1px solid;border-left:plum 1px solid;width:200px;border-bottom:plum 1px solid;height:120px" cellspacing=0 cellpadding=3 align=center <tbody><tr><td valign=center align=middle> <p><font color=plum ; font size=2>ใส่ข้อความที่นี่ </font></p> <center><img src =http://www.bloggang.com/data/uggie/picture/1132896441.gif></center></td></tr></tbody></table></font></font>

<p align=center></p><table style="border-right:#7799ff 1px solid;border-top:#7799ff 1px solid;border-left:#7799ff 1px solid;width:200px;border-bottom:#7799ff 1px solid;height:120px" cellspacing=0 cellpadding=3 align=center <tbody><tr><td valign=center align=middle> <p><font color=#7799ff ; font size=2>ใส่ข้อความที่นี่ </font></p> <center><img src =http://www.bloggang.com/data/uggie/picture/1132740503.gif> </center></td></tr></tbody></table></font></font>

81  CODE:::กรอบสวยๆจ้า(ไม่ซ้ำใครแน่นอน)((2)คลิกดูตัวอย่าง)

<p align=center></p><table style="border-right:lawngreen 3px groove;border-top:lawngreen 3px groove;border-left:lawngreen 3px groove;width:200px;border-bottom:lawngreen 3px groove;height:120px" cellspacing=0 cellpadding=3 align=center <tbody><tr><td valign=center align=middle> <p><font color=lawngreen ; font size=2>ใส่ข้อความที่นี่ </font></p> <center><img src =http://www.bloggang.com/data/uggie/picture/1132738075.gif> </center></td></tr></tbody></table></font></font> 

<p align=center></p><table style="border-right:#aa44ff 3px dotted;border-top:#aa44ff 3px dotted;border-left:#aa44ff 3px dotted;width:200px;border-bottom:#aa44ff 3px dotted;height:100px" cellspacing=0 cellpadding=3 align=center <tbody><tr><td valign=center align=middle> <p><font color=#aa44ff ; font size=2>ใส่ข้อความที่นี่ </font></p><center><img src =http://www.bloggang.com/data/uggie/picture/1132739732.gif> </center></td></tr></tbody></table></font></font>

<p align=center></p><table style="border-right:#11bb00 5px ridge;border-top:#bb0000 5px ridge;border-left:#11bb00 5px ridge;width:200px;border-bottom:#bb0000 5px ridge;height:120px" cellspacing=0 cellpadding=3 align=center border=0><tbody><tr><td valign=center align=middle> <p><font color=#A82868 ; font size=2>ใส่ข้อความที่นี่ </font></p> <center><img src =http://www.bloggang.com/data/uggie/picture/1132740881.gif> </center></td></tr></tbody></table></font></font>

<p align=center><table style="border:2px dotted hotpink;" cellpadding="0" cellspacing="2"<tr><td style="border:2px dotted lightpink; background-color: #ffaaff"><font color= #ff66ee ; font size="1">ใส่ข้อความ หรือ รูป ที่นี่ <img src =http://www.bloggang.com/data/uggie/picture/1127756595.gif></td></tr></table></p>

<table style="border-right:hotpink 5px double;border-top:hotpink 5px double;border-left:hotpink 5px double;border-bottom:hotpink 5px double" cellspacing=0 cellpadding=4 align=center> <tbody><tr><td style="border-right:hotpink 5px double;border-top:hotpink 5px double;border-left:hotpink 5px double;border-bottom:hotpink 5px double; background-color: #ffaaff"><font color=#ff66ee ; font size=1>ใส่ข้อความที่นี่ </font><img src =http://www.bloggang.com/data/uggie/picture/1127034217.gif></td></tr></tbody></table></p>

<DIV align=center> <DIV style="BORDER-RIGHT: deepskyblue 2px solid; BORDER-TOP: deepskyblue 2px solid; BORDER-LEFT: deepskyblue 2px solid; WIDTH: 150px; BORDER-BOTTOM: deepskyblue 2px solid; BACKGROUND-COLOR: #bbccff"><FONT size=1><FONT color=#000000>ใส่ข้อความที่นี่ <img src =http://www.bloggang.com/data/uggie/picture/1132738075.gif> </FONT></FONT></DIV><BR>

<DIV style="BORDER-RIGHT: #ffff33 3px double; BORDER-TOP: #ffff33 3px double; BORDER-LEFT: #ffff33 3px double; WIDTH: 150px; BORDER-BOTTOM: #ffff33 3px double; BACKGROUND-COLOR: #000000"><DIV style="BORDER-RIGHT: lawngreen 3px double; BORDER-TOP: lawngreen 3px double; BORDER-LEFT: lawngreen 3px double; WIDTH: 149px; BORDER-BOTTOM: lawngreen 3px double; BACKGROUND-COLOR: #000000"><DIV style="BORDER-RIGHT: #ff66ff 3px double; BORDER-TOP: #ff66ff 3px double; BORDER-LEFT: #ff66ff 3px double; WIDTH: 150px; BORDER-BOTTOM: #ff66ff 3px double; BACKGROUND-COLOR: #aaff77"><DIV style="BORDER-RIGHT: #3399ff 3px double; BORDER-TOP: #3399ff 3px double; BORDER-LEFT: #3399ff 3px double; WIDTH: 150px; BORDER-BOTTOM: #3399ff 3px double; BACKGROUND-COLOR: #aaff77"><Font Color=#33aa00><center>ใส่ข้อความที่นี่ <img src =http://www.bloggang.com/data/uggie/picture/1132899314.gif></center> </FONT></DIV></DIV></DIV></DIV>

82  CODE:::กรอบสวยๆจ้า(ไม่ซ้ำใครแน่นอน)คลิกดูตัวอย่าง((3))

<DIV style="BORDER-RIGHT: #8800bb 3px double; BORDER-TOP: #8800bb 3px double; BORDER-LEFT: #8800bb 3px double; WIDTH: 150px; BORDER-BOTTOM: #8800bb 3px double; BACKGROUND-COLOR: #000000"><DIV style="BORDER-RIGHT: #ffff11 3px double; BORDER-TOP: #ffff11 3px double; BORDER-LEFT: #ffff11 3px double; WIDTH: 149px; BORDER-BOTTOM: #ffff11 3px double; BACKGROUND-COLOR: #000000"><DIV style="BORDER-RIGHT: #990000 3px double; BORDER-TOP: #990000 3px double; BORDER-LEFT: #990000 3px double; WIDTH: 150px; BORDER-BOTTOM: #990000 3px double; BACKGROUND-COLOR: #000000"><DIV style="BORDER-RIGHT: #3399ff 3px double; BORDER-TOP: #3399ff 3px double; BORDER-LEFT: #3399ff 3px double; WIDTH: 150px; BORDER-BOTTOM: #3399ff 3px double; BACKGROUND-COLOR: #bbccff"><Font Color=#3399ff ><center>ใส่ข้อความที่นี่ <img src =http://www.bloggang.com/data/uggie/picture/1132899616.gif></center> </FONT></DIV></DIV></DIV></DIV>  

<DIV style="BORDER-RIGHT: #11dd00 3px double; BORDER-TOP: #11dd00 3px double; BORDER-LEFT: #11dd00 3px double; WIDTH: 150px; BORDER-BOTTOM: #11dd00 3px double; BACKGROUND-COLOR: #000000"><DIV style="BORDER-RIGHT: #ff22cc 3px double; BORDER-TOP: #ff22cc 3px double; BORDER-LEFT: #ff22cc 3px double; WIDTH: 150px; BORDER-BOTTOM: #ff22cc 3px double; BACKGROUND-COLOR: #000000"><DIV style="BORDER-RIGHT: #ffff11 3px double; BORDER-TOP: #ffff11 3px double; BORDER-LEFT: #ffff11 3px double; WIDTH: 149px; BORDER-BOTTOM: #ffff11 3px double; BACKGROUND-COLOR: #000000"><DIV style="BORDER-RIGHT: #990000 3px double; BORDER-TOP: #990000 3px double; BORDER-LEFT: #990000 3px double; WIDTH: 150px; BORDER-BOTTOM: #990000 3px double; BACKGROUND-COLOR: #000000"><DIV style="BORDER-RIGHT: #1177ff 3px double; BORDER-TOP: #1177ff 3px double; BORDER-LEFT: #1177ff 3px double; WIDTH: 150px; BORDER-BOTTOM: #1177ff 3px double; BACKGROUND-COLOR: #000000"><Font Color=#87cefa><center>ใส่ข้อความที่นี่ <img src =http://www.bloggang.com/data/uggie/picture/1132902294.gif></center> </FONT></DIV></DIV></DIV></DIV></DIV>

<DIV style="BORDER-RIGHT: #ffff33 3px double; BORDER-TOP: #ffff33 3px double; BORDER-LEFT: #ffff33 3px double; WIDTH: 150px; BORDER-BOTTOM: #ffff33 3px double; BACKGROUND-COLOR: #cccccc"><DIV style="BORDER-RIGHT: lawngreen 3px double; BORDER-TOP: lawngreen 3px double; BORDER-LEFT: lawngreen 3px double; WIDTH: 149px; BORDER-BOTTOM: lawngreen 3px double; BACKGROUND-COLOR: #cccccc"><DIV style="BORDER-RIGHT: #ff66ff 3px double; BORDER-TOP: #ff66ff 3px double; BORDER-LEFT: #ff66ff 3px double; WIDTH: 150px; BORDER-BOTTOM: #ff66ff 3px double; BACKGROUND-COLOR: #cccccc"><DIV style="BORDER-RIGHT: #3399ff 3px double; BORDER-TOP: #3399ff 3px double; BORDER-LEFT: #3399ff 3px double; WIDTH: 150px; BORDER-BOTTOM: #3399ff 3px double; BACKGROUND-COLOR: #cccccc"><Font Color=#33aa00>ใส่ข้อความที่นี่ <img src =http://www.bloggang.com/data/uggie/picture/1132902484.gif> </FONT></DIV></DIV></DIV></DIV>

<DIV style="BORDER-RIGHT: #ff33ff 3px double; BORDER-TOP: #ff33ff 3px double; BORDER-LEFT: #ff33ff 3px double; WIDTH: 150px; BORDER-BOTTOM: #ff33ff 3px double; BACKGROUND-COLOR: none"><DIV style="BORDER-RIGHT: #00ff11 3px double; BORDER-TOP: #00ff11 3px double; BORDER-LEFT: #00ff11 3px double; WIDTH: 150px; BORDER-BOTTOM: #00ff11 3px double; BACKGROUND-COLOR: none"><DIV style="BORDER-RIGHT: #ffff11 3px double; BORDER-TOP: #ffff11 3px double; BORDER-LEFT: #ffff11 3px double; WIDTH: 149px; BORDER-BOTTOM: #ffff11 3px double; BACKGROUND-COLOR: none"><DIV style="BORDER-RIGHT: #990000 3px double; BORDER-TOP: #990000 3px double; BORDER-LEFT: #990000 3px double; WIDTH: 150px; BORDER-BOTTOM: #990000 3px double; BACKGROUND-COLOR: none"><DIV style="BORDER-RIGHT: #1177ff 3px double; BORDER-TOP: #1177ff 3px double; BORDER-LEFT: #1177ff 3px double; WIDTH: 150px; BORDER-BOTTOM: #1177ff 3px double; BACKGROUND-COLOR: none"><Font Color=#87cefa><center>ใส่ข้อความที่นี่ <img src =http://www.bloggang.com/data/uggie/picture/1132902676.gif></center> </FONT></DIV></DIV></DIV></DIV></DIV>

<P align=center></P> <DIV style="BORDER-RIGHT: deepskyblue 3px double; BORDER-TOP: deepskyblue 3px double; BORDER-LEFT: deepskyblue 3px double; WIDTH: 198px; BORDER-BOTTOM: deepskyblue 3px double; HEIGHT: 51px; BACKGROUND-COLOR: black"> <MARQUEE style="WIDTH: 174px; HEIGHT: 45px" scrollAmount=1 direction=up width=174 height=45> <P align=center><FONT color=#ffffff>ใส่ข้อความที่นี่</FONT></P></MARQUEE></DIV>

<p align=center><table cellspacing=5 cellpadding=5 bgcolor="#aa88ff"> <tbody><tr><td style="border-right:4px solid;border-top:4px solid;border-left:4px solid;border-bottom:4px solid"> <font size=1>ใส่ข้อความที่ต้องการพิมพ์ </font> <img src =http://www.bloggang.com/data/uggie/picture/1125822211.gif> </td></tr></tbody></table></p>

83  CODE:::กรอบสวยๆจ้า(ไม่ซ้ำใครแน่นอน)คลิกดูตัวอย่าง((4))

<DIV align= center><DIV style="BORDER-RIGHT: #33ff33 6px ridge; BORDER-TOP: #1111ff 6px ridge; BORDER-LEFT: #dd0022 6px ridge; WIDTH: 250px; BORDER-BOTTOM: #ffff22 6px ridge; BACKGROUND-COLOR: #000000"> <P align=center><STRONG><font color=#0099ff; font size=1>ใส่ข้อความหรือรูปที่นี่ <img src =http://www.bloggang.com/data/uggie/picture/1127072572.gif> <img src =http://www.bloggang.com/data/uggie/picture/1127756379.gif> </FONT></STRONG></P> </DIV></DIV>  

<p align=center><table style="border:2px dotted hotpink;" cellpadding="4" cellspacing="4"><tr><td style="border:2px dotted lightpink;"><font size="1">ใส่ข้อความ หรือ รูป ที่นี่<img src =http://www.bloggang.com/data/uggie/picture/1127032106.gif> <img src =http://www.bloggang.com/data/uggie/picture/1127756595.gif></td></tr></table></p>

<table style="border-right:hotpink 5px double;border-top:hotpink 5px double;border-left:hotpink 5px double;border-bottom:hotpink 5px double" cellspacing=0 cellpadding=4 align=center> <tbody> <tr><td style="border-right:hotpink 5px double;border-top:hotpink 5px double;border-left:hotpink 5px double;border-bottom:hotpink 5px double"><font size=1>ใส่ข้อความที่นี่ </font><img src =http://www.bloggang.com/data/uggie/picture/1127034217.gif></td></tr></tbody></table></p>

84  CODE:::กดแล้วสั่น

<center><script language="JavaScript"> if (document.all && window.print) { ie5menu.className = menuskin; document.oncontextmenu = showmenuie5; document.body.onclick = hidemenuie5; } </script> <script language="JavaScript"> <!-- function shakeScreen(n) { var i,j; if(parent.moveBy) { for(i=10; i>0; i--) { for(j=n; j>0; j--) { parent.moveBy(0,i); parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0); } } } } //--> </script> </head> <body> <input type="button" value="ข้อความตรงปุ่ม " onClick="return shakeScreen(10);"> </body></center> 

85  CODE:::มีระเบิดวิ่งชนเมาส์

<script> picFollow = new Image(); picFollow.src = "ตำแหน่งที่เก็บรูป bomb.gif"; picExplosion = new Image(); picExplosion.src = "ตำแหน่งที่เก็บรูป explode.gif"; document.onmousemove = getMousePosition; document.onmouseout = pauseBomb; document.write("<div id=\"diva\" style=\"position:absolute\">"); document.write("<img name=\"pic\"src=" + picFollow.src + "></div>"); var picX = 20; var picY = 100; var step = 10; var speed = 100; var tolerance = step/2 +1; var mouseX = 0; var mouseY = 0; var mouseOut = true; var followMouse = false; myInterval = setInterval('moveBomb()', speed); function pauseBomb() { mouseOut = true; } function getMousePosition(e) { mouseX = window.event.x + document.body.scrollLeft; mouseY = window.event.y + document.body.scrollTop; mouseOut = false; if (followMouse) { diva.style.left = mouseX - pic.width / 2; diva.style.top = mouseY - pic.height / 2; } } function calcNewPos() { if (mouseX == picX) return; arg = (mouseY-picY) / (mouseX-picX); mult = 1; if (mouseX - picX < 0) mult = -1; alpha = Math.atan(arg); dx = mult * step * Math.cos(alpha); dy = mult * step * Math.sin(alpha); picX += dx; picY += dy; } function collision() { if ((Math.abs(picX-mouseX) < tolerance) && (Math.abs(picY-mouseY) < tolerance) && (!mouseOut)) return true; return false; } function hideAnimation() { diva.style.visibility = "hidden"; } function moveBomb() { calcNewPos(); window.status = "("+mouseX+","+mouseY+")"; diva.style.left = picX - pic.width / 2; diva.style.top = picY - pic.height / 2; if (collision()) { clearInterval(myInterval); pic.src = picExplosion.src; followMouse = true; setTimeout('hideAnimation()', 2000); } } </script>  

86  CODE:::มีตัวอักษรตามเมาส์กระพริบด้วย

<STYLE>.spanstyle { FONT-SIZE: 15pt;//ขนาดตัวอักษร VISIBILITY: visible; POSITION: absolute; TOP: -50px} </STYLE> <SCRIPT language=JavaScript> var message="ข้อความ"; </SCRIPT> <SCRIPT language=JavaScript> var x,y; var step=12; var flag=0; message=message.split(""); var xpos=new Array(); for (i=0;i<=message.length-1;i++) { xpos[i]=-50; } var ypos=new Array(); for (i=0;i<=message.length-1;i++) { ypos[i]=-50; } function handlerMM(e) { x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX+20; y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY; flag=1; } function makesnake() { if (flag==1 && document.all) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step; ypos[i]=ypos[i-1]; } xpos[0]=x+step; ypos[0]=y; for (i=0; i<=message.length-1; i++) { var thisspan = eval("span"+(i)+".style"); thisspan.posLeft=xpos[i]; thisspan.posTop=ypos[i]; thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255; } } else if (flag==1 && document.layers) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step; ypos[i]=ypos[i-1]; } xpos[0]=x+step; ypos[0]=y; for (i=0; i<message.length-1; i++) { var thisspan = eval("document.span"+i); thisspan.left=xpos[i]; thisspan.top=ypos[i]; thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255; } } } for (i=0;i<=message.length-1;i++) { document.write("<span id='span"+i+"' class='spanstyle'>"); document.write(message[i]); document.write("</span>"); } if (document.layers) { document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = handlerMM; function pageonload() { makesnake(); window.setTimeout("pageonload();", 2); } </SCRIPT>  

87  CODE:::มีเม็ดสีเหลืองวนรอบเมาส์

<LAYER NAME="a0" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> <LAYER NAME="a1" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> <LAYER NAME="a2" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> <LAYER NAME="a3" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> <LAYER NAME="a4" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> <LAYER NAME="a5" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> <LAYER NAME="a6" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> <script language="JavaScript"> <!-- if (document.all){ document.write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">') for (xy=0;xy<7;xy++) document.write('<div style="position:relative;width:3px;height:3px;background:#FFFF00;font-size:2px;visibility:visible"></div>') document.write('</div>') } if (document.layers) {window.captureEvents(Event.MOUSEMOVE);} var yBase = 200; var xBase = 200; var yAmpl = 10; var yMax = 40; var step = .2; var ystep = .5; var currStep = 0; var tAmpl=1; var Xpos = 1; var Ypos = 1; var i = 0; var j = 0; if (document.all) { function MoveHandler(){ Xpos = document.body.scrollLeft+event.x; Ypos = document.body.scrollTop+event.y; } document.onmousemove = MoveHandler; } else if (document.layers) { function xMoveHandler(evnt){ Xpos = evnt.pageX; Ypos = evnt.pageY; } window.onMouseMove = xMoveHandler; } function animateLogo() { if (document.all) { yBase = window.document.body.offsetHeight/4; xBase = window.document.body.offsetWidth/4; } else if (document.layers) { yBase = window.innerHeight/4 ; xBase = window.innerWidth/4; } if (document.all) { var totaldivs=document.all.starsDiv.all.length for ( i = 0 ; i < totaldivs ; i++ ) { var tempdiv=document.all.starsDiv.all[i].style tempdiv.top = Ypos + Math.cos((20*Math.sin(currStep/20))+i*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10); tempdiv.left = Xpos + Math.sin((20*Math.sin(currStep/20))+i*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10); } } else if (document.layers) { for ( j = 0 ; j < 7 ; j++ ) { var templayer="a"+j document.layers[templayer].top = Ypos + Math.cos((20*Math.sin(currStep/20))+j*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10); document.layers[templayer].left =Xpos + Math.sin((20*Math.sin(currStep/20))+j*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10); } } currStep += step; setTimeout("animateLogo()", 15); } animateLogo(); // --> </script>  

88  CODE:::ปฏิทิน ค่า

<SCRIPT LANGUAGE="JavaScript"> <!-- Begin function greeting() { var today = new Date(); var hrs = today.getHours(); document.writeln("<CENTER>"); document.write(""); document.writeln("<BR>"); document.write("<H1>สวัสดี "); if (hrs < 6) document.write("วันใหม่"); else if (hrs < 12) document.write("ตอนเช้า"); else if (hrs <= 18) document.write("ตอนบ่าย"); else document.write("ตอนเย็น"); document.writeln("!</H1>"); document.write("คุณเข้าชมหน้านี้ในวันที่ "); dayStr = today.toLocaleString(); document.write(dayStr); document.writeln("</CENTER>"); } function montharr(m0, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11) { this[0] = m0; this[1] = m1; this[2] = m2; this[3] = m3; this[4] = m4; this[5] = m5; this[6] = m6; this[7] = m7; this[8] = m8; this[9] = m9; this[10] = m10; this[11] = m11; } function calendar() { var monthNames = "JanFebMarAprMayJunJulAugSepOctNovDec"; var today = new Date(); var thisDay; var monthDays = new montharr(31, 28, 31, 30, 31, 30, 31, 31, 30,31, 30, 31); year = today.getYear() + 0; thisDay = today.getDate(); if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0)) monthDays[1] = 29; nDays = monthDays[today.getMonth()]; firstDay = today; firstDay.setDate(1); testMe = firstDay.getDate(); if (testMe == 2) firstDay.setDate(0); startDay = firstDay.getDay(); document.writeln("<CENTER>"); document.write("<TABLE BORDER>"); document.write("<TR><TH COLSPAN=7>"); document.write(monthNames.substring(today.getMonth() * 3, (today.getMonth() + 1) * 3)); document.write(". "); document.write(year); document.write("<TR><TH>sun<TH>mon<TH>tue<TH>wed<TH>thu<TH>fri<TH>sat"); document.write("<TR>"); column = 0; for (i=0; i<startDay; i++) { document.write("<TD>"); column++; } for (i=1; i<=nDays; i++) { document.write("<TD>"); if (i == thisDay) document.write("<FONT COLOR=\"#FF0000\">") document.write(i); if (i == thisDay) document.write("</FONT>") column++; if (column == 7) { document.write("<TR>"); column = 0; } } document.write("</TABLE>"); document.writeln("</CENTER>"); } greeting(); document.write("</br>"); calendar(); document.write(""); // End --> </SCRIPT> 

89  CODE:::ปฏิทิน เลือกเดือนและปีเอง

<script language="JavaScript"> var ns6=document.getElementById&&!document.all var ie4=document.all var Selected_Month; var Selected_Year; var Current_Date = new Date(); var Current_Month = Current_Date.getMonth(); var Days_in_Month = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31); var Month_Label = new Array('January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'); var Current_Year = Current_Date.getYear(); if (Current_Year < 1000) Current_Year+=1900 var Today = Current_Date.getDate(); function Header(Year, Month) { if (Month == 1) { Days_in_Month[1] = ((Year % 400 == 0) || ((Year % 4 == 0) && (Year % 100 !=0))) ? 29 : 28; } var Header_String = Month_Label[Month] + ' ' + Year; return Header_String; } function Make_Calendar(Year, Month) { var First_Date = new Date(Year, Month, 1); var Heading = Header(Year, Month); var First_Day = First_Date.getDay() + 1; if (((Days_in_Month[Month] == 31) && (First_Day >= 6)) || ((Days_in_Month[Month] == 30) && (First_Day == 7))) { var Rows = 6; } else if ((Days_in_Month[Month] == 28) && (First_Day == 1)) { var Rows = 4; } else { var Rows = 5; } var HTML_String = '<table><tr><td valign="top"><table BORDER=4 CELLSPACING=1 cellpadding=2 FRAME="box" BGCOLOR="C0C0C0" BORDERCOLORLIGHT="808080">'; HTML_String += '<tr><th colspan=7 BGCOLOR="FFFFFF" BORDERCOLOR="000000">' + Heading + '</font></th></tr>'; HTML_String += '<tr><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Sun</th><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Mon</th><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Tue</th><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Wed</th>'; HTML_String += '<th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Thu</th><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Fri</th><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Sat</th></tr>'; var Day_Counter = 1; var Loop_Counter = 1; for (var j = 1; j <= Rows; j++) { HTML_String += '<tr ALIGN="left" VALIGN="top">'; for (var i = 1; i < 8; i++) { if ((Loop_Counter >= First_Day) && (Day_Counter <= Days_in_Month[Month])) { if ((Day_Counter == Today) && (Year == Current_Year) && (Month == Current_Month)) { HTML_String += '<td BGCOLOR="FFFFFF" BORDERCOLOR="000000"><strong><font color="red">' + Day_Counter + '</font></strong></td>'; } else { HTML_String += '<td BGCOLOR="FFFFFF" BORDERCOLOR="000000">' + Day_Counter + '</td>'; } Day_Counter++; } else { HTML_String += '<td BORDERCOLOR="C0C0C0"> </td>'; } Loop_Counter++; } HTML_String += '</tr>'; } HTML_String += '</table></td></tr></table>'; cross_el=ns6? document.getElementById("Calendar") : document.all.Calendar cross_el.innerHTML = HTML_String; } function Check_Nums() { if ((event.keyCode < 48) || (event.keyCode > 57)) { return false; } } function On_Year() { var Year = document.when.year.value; if (Year.length == 4) { Selected_Month = document.when.month.selectedIndex; Selected_Year = Year; Make_Calendar(Selected_Year, Selected_Month); } } function On_Month() { var Year = document.when.year.value; if (Year.length == 4) { Selected_Month = document.when.month.selectedIndex; Selected_Year = Year; Make_Calendar(Selected_Year, Selected_Month); } else { alert('Please enter a valid year.'); document.when.year.focus(); } } function Defaults() { if (!ie4&&!ns6) return var Mid_Screen = Math.round(document.body.clientWidth / 2); document.when.month.selectedIndex = Current_Month; document.when.year.value = Current_Year; Selected_Month = Current_Month; Selected_Year = Current_Year; Make_Calendar(Current_Year, Current_Month); } function Skip(Direction) { if (Direction == '+') { if (Selected_Month == 11) { Selected_Month = 0; Selected_Year++; } else { Selected_Month++; } } else { if (Selected_Month == 0) { Selected_Month = 11; Selected_Year--; } else { Selected_Month--; } } Make_Calendar(Selected_Year, Selected_Month); document.when.month.selectedIndex = Selected_Month; document.when.year.value = Selected_Year; } </script> 

90  CODE::: เปลี่ยนสีพื้นหลังโดยกรอกรหัสสี

<SCRIPT LANGUAGE="JavaScript"> <!-- Begin function test(form) { if (form.text.value == "") alert("พิมพ์รหัสสีลงในช่องว่างนี่เลยจ้า") else { document.bgColor=(""+form.text.value+""); } } // End --> </SCRIPT> 

91  CODE::: พื้นหลังเปลี่ยนสีไปเรื่อยๆ

<script language="JavaScript"> r=200; g=200; b=200; flag=0; t=new Array; o=new Array; d=new Array; function hex(a,c) { t[a]=Math.floor(c/16) o[a]=c%16 switch (t[a]) { case 10: t[a]='A'; break; case 11: t[a]='B'; break; case 12: t[a]='C'; break; case 13: t[a]='D'; break; case 14: t[a]='E'; break; case 15: t[a]='F'; break; default: break; } switch (o[a]) { case 10: o[a]='A'; break; case 11: o[a]='B'; break; case 12: o[a]='C'; break; case 13: o[a]='D'; break; case 14: o[a]='E'; break; case 15: o[a]='F'; break; default: break; } } function ran(a,c) { if ((Math.random()>2/3||c==0)&&c<255) { c++ d[a]=2; } else { if ((Math.random()<=1/2||c==255)&&c>0) { c-- d[a]=1; } else d[a]=0; } return c } function do_it(a,c) { if ((d[a]==2&&c<255)||c==0) { c++ d[a]=2 } else if ((d[a]==1&&c>0)||c==255) { c--; d[a]=1; } if (a==3) { if (d[1]==0&&d[2]==0&&d[3]==0) flag=1 } return c } function disco() { if (flag==0) { r=ran(1, r); g=ran(2, g); b=ran(3, b); hex(1,r) hex(2,g) hex(3,b) document.bgColor="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3] flag=50 } else { r=do_it(1, r) g=do_it(2,g) b=do_it(3,b) hex(1,r) hex(2,g) hex(3,b) document.bgColor="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3] flag-- } if (document.all) setTimeout('disco()',50) } //--> </script> 

92  CODE::: ดอกไม้ร่วงลงมาเหมือนสายฝน

<script language="JavaScript1.2"> //Configure below to change URL path to the snow image var snowsrc="http://www.codetukyang.com/java/images/bgflower.gif" // Configure below to change number of snow to render var no = 19; var ns4up = (document.layers) ? 1 : 0; // browser sniffer var ie4up = (document.all) ? 1 : 0; var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width = 800, doc_height = 600; if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); for (i = 0; i < no; ++ i) { dx[i] = 0; // set coordinate variables xp[i] = Math.random()*(doc_width-50); // set position variables yp[i] = Math.random()*doc_height; am[i] = Math.random()*20; // set amplitude variables stx[i] = 0.02 + Math.random()/10; // set step variables sty[i] = 0.7 + Math.random(); // set step variables if (ns4up) { // set layers if (i == 0) { document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><a href=\"http://dynamicdrive.com/\"><img src='"+snowsrc+"' border=\"0\"></a></layer>"); } else { document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+snowsrc+"' border=\"0\"></layer>"); } } else if (ie4up) { if (i == 0) { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"></a></div>"); } else { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"></div>"); } } } function snowNS() { // Netscape main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = self.innerWidth; doc_height = self.innerHeight; } dx[i] += stx[i]; document.layers["dot"+i].top = yp[i]; document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowNS()", 10); } function snowIE() { // IE main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx[i] += stx[i]; document.all["dot"+i].style.pixelTop = yp[i]; document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowIE()", 10); } if (ns4up) { snowNS(); } else if (ie4up) { snowIE(); } </script> 

93  CODE::: ทำฝนตกในหน้าเวป

<script language="JavaScript"> <!-- Begin //จำนวน เม็ดฝน var no = 50; //ความเร็วของฝน var speed = 10; var ns4up = (document.layers) ? 1 : 0; var ie4up = (document.all) ? 1 : 0; var s, x, y, sn, cs; var a, r, cx, cy; var i, doc_width = 800, doc_height = 600; if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } x = new Array(); y = new Array(); r = new Array(); cx = new Array(); cy = new Array(); s = 8; for (i = 0; i < no; ++ i) { initRain(); if (ns4up) { if (i == 0) { document.write("<layer name=\"dot"+ i +"\" left=\"1\" "); //ปรับสีของเม็ดฝน1 document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">"); document.write(",</font></layer>"); } else { document.write("<layer name=\"dot"+ i +"\" left=\"1\" "); //ปรับสีของเม็ดฝน2 document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">"); document.write(",</font></layer>"); } } else if (ie4up) { if (i == 0) { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); //ปรับสีของเม็ดฝน3 document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">"); document.write(",</font></div>"); } else { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); //ปรับสีของเม็ดฝน4 document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">"); document.write(",</font></div>"); } } } function initRain() { a = 6; r[i] = 1; sn = Math.sin(a); cs = Math.cos(a); cx[i] = Math.random() * doc_width + 1; cy[i] = Math.random() * doc_height + 1; x[i] = r[i] * sn + cx[i]; y[i] = cy[i]; } function makeRain() { r[i] = 1; cx[i] = Math.random() * doc_width + 1; cy[i] = 1; x[i] = r[i] * sn + cx[i]; y[i] = r[i] * cs + cy[i]; } function updateRain() { r[i] += s; x[i] = r[i] * sn + cx[i]; y[i] = r[i] * cs + cy[i]; } function raindropNS() { for (i = 0; i < no; ++ i) { updateRain(); if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) { makeRain(); doc_width = self.innerWidth; doc_height = self.innerHeight; } document.layers["dot"+i].top = y[i]; document.layers["dot"+i].left = x[i]; } setTimeout("raindropNS()", speed); } function raindropIE() { for (i = 0; i < no; ++ i) { updateRain(); if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) { makeRain(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } document.all["dot"+i].style.pixelTop = y[i]; document.all["dot"+i].style.pixelLeft = x[i]; } setTimeout("raindropIE()", speed); } if (ns4up) { raindropNS(); } else if (ie4up) { raindropIE(); } // End --> </script> 

94  CODE::: ทำพลุกระจายบนหน้าจอ

</font><font style="BACKGROUND-COLOR: #ffff00" color="#ff3366" size="2"> </font></p><p align="center"><font color="#ff3366"></font> </p><p align="center"><font color="#ff3366"></td /><td align="center"></td><font size="5"><font style="BACKGROUND-COLOR: #ffff00"></font></font></font></p><p align="center"><font size="5"><font style="BACKGROUND-COLOR: #ffff00"><font color="#ff3366">95  </td /><td></td></font></font></font><a href="http://my.dek-d.com/Writer/story/viewlongc.php?id=206905&chapter=95" target="_blank"><font style="BACKGROUND-COLOR: #ffff00" color="#ff3366" size="5">CODE::: พื้นหลังเป็นอวกาศ</font></a></p><p align="center"><font size="5"><textarea style="FONT-SIZE: 10px; BORDER-LEFT-COLOR: rgb(255,255,255); BORDER-BOTTOM-COLOR: rgb(255,255,255); WIDTH: 258px; COLOR: rgb(0,0,0); BORDER-TOP-STYLE: dotted; BORDER-TOP-COLOR: rgb(255,255,255); FONT-FAMILY: verdana; BORDER-RIGHT-STYLE: dotted; BORDER-LEFT-STYLE: dotted; HEIGHT: 110px; BACKGROUND-COLOR: rgb(255,255,255); BORDER-RIGHT-COLOR: rgb(255,255,255); BORDER-BOTTOM-STYLE: dotted" name="banner01" rows="1" cols="40"><script language="JavaScript1.2"> <!-- var ns=document.layers?1:0 var ie4=document.all?1:0 var ns6=document.getElementById&&!document.all?1:0 amount=14; if (ns){ for (i=0; i < amount; i++) document.write("<LAYER NAME='nsstars"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,1,1'></LAYER>"); } else if (ie4||ns6){ document.write("<div id='ieCov' style='position:absolute;top:0px;left:0px'>"); document.write("<div style='position:relative'>"); for (i=0; i < amount; i++) document.write("<div id='iestars"+i+"' style='position:absolute;top:0px;left:0px;width:1;height:1;background:#ffffff;font-size:1;z-index:10'></div>"); document.write("</div></div>"); } Clrs=new Array('ff0000','00ff00','ffffff','ff00ff','ffa500','ffff00','00ff00','ffffff','ff00ff') sClrs=new Array('ffa500','00ff00','FFAAFF','fff000','fffffF') Xpos=300; Ypos=150; initialStarColor='00ff00'; step=5; currStep=0; explosionSize=120; function Fireworks(){ var WinHeight=(ns||ns6)?window.innerHeight-100:window.document.body.clientHeight-100; var WinWidth=(ns||ns6)?window.innerWidth-100:window.document.body.clientWidth-100; var Yscroll=(ns||ns6)?window.pageYOffset:document.body.scrollTop; for (i=0; i < amount; i++){ if (ie4||ns6) var layer=ns6?document.getElementById("iestars"+i).style : eval("iestars"+i).style; else if (ns) var layer=document.layers["nsstars"+i] var randCol=Math.round(Math.random()*8); var randSz=Math.round(Math.random()*2); layer.top = Ypos + explosionSize*Math.sin((currStep+i*5)/3)*Math.sin(currStep/100) layer.left= Xpos + explosionSize*Math.cos((currStep+i*5)/3)*Math.sin(currStep/100) if (currStep < 110){ if (ns){layer.bgColor=initialStarColor;layer.clip.width=1;layer.clip.height=1} else{layer.background=initialStarColor;layer.width=1;layer.height=1;layer.fontSize=1} } else{ if (ns){layer.bgColor=Clrs[randCol];layer.clip.width=randSz;layer.clip.height=randSz} else{layer.background=Clrs[randCol];layer.width=randSz;layer.height=randSz;layer.fontSize=randSz} } } if (currStep > 220) { currStep=0; Ypos = 50+Math.round(Math.random()*WinHeight)+Yscroll; Xpos = 50+Math.round(Math.random()*WinWidth); for (i=0; i < sClrs.length; i++) { var newIcol=Math.round(Math.random()*i); } initialStarColor=sClrs[newIcol]; explosionSize=Math.round(80*Math.random()+100); } currStep+=step; setTimeout("Fireworks()",20); } Fireworks(); // --> </script> 

96  ::: ทำดาวกระจายไปทั่วหน้าจอ

<SCRIPT LANGUAGE="JavaScript"> <!-- Begin SmallStars = 30; LargeStars = 10; SmallYpos = new Array(); SmallXpos = new Array(); LargeYpos = new Array(); LargeXpos = new Array(); Smallspeed= new Array(); Largespeed= new Array(); ns=(document.layers)?1:0; if (ns) { for (i = 0; i < SmallStars; i++) { document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,1,1'></LAYER>"); } for (i = 0; i < LargeStars; i++) { document.write("<LAYER NAME='ln"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFFF' CLIP='0,0,2,2'></LAYER>"); } } else { document.write('<div style="position:absolute;top:0px;left:0px">'); document.write('<div style="position:relative">'); for (i = 0; i < SmallStars; i++) { document.write('<div id="si" style="position:absolute;top:0;left:0;width:1px;height:1px;background:#fffff0;font-size:1px"></div>'); } document.write('</div>'); document.write('</div>'); document.write('<div style="position:absolute;top:0px;left:0px">'); document.write('<div style="position:relative">'); for (i = 0; i < LargeStars; i++) { document.write('<div id="li" style="position:absolute;top:0;left:0;width:2px;height:2px;background:#ffffff;font-size:2px"></div>'); } document.write('</div>'); document.write('</div>'); } WinHeight = (document.layers)?window.innerHeight:window.document.body.clientHeight; WinWidth = (document.layers)?window.innerWidth:window.document.body.clientWidth; for (i = 0; i < SmallStars; i++) { SmallYpos[i] = Math.round(Math.random() * WinHeight); SmallXpos[i] = Math.round(Math.random() * WinWidth); Smallspeed[i]= Math.random() * 5 + 1; } for (i = 0; i < LargeStars; i++) { LargeYpos[i] = Math.round(Math.random() * WinHeight); LargeXpos[i] = Math.round(Math.random() * WinWidth); Largespeed[i] = Math.random() * 10 + 5; } function fly() { var WinHeight = (document.layers)?window.innerHeight:window.document.body.clientHeight; var WinWidth = (document.layers)?window.innerWidth:window.document.body.clientWidth; var hscrll = (document.layers)?window.pageYOffset:document.body.scrollTop; var wscrll = (document.layers)?window.pageXOffset:document.body.scrollLeft; for (i = 0; i < LargeStars; i++) { LargeXpos[i] -= Largespeed[i]; if (LargeXpos[i] < -10) { LargeXpos[i] = WinWidth; LargeYpos[i] = Math.round(Math.random() * WinHeight); Largespeed[i] = Math.random() * 10 + 5; } if (ns) { document.layers['ln'+i].left = LargeXpos[i]; document.layers['ln'+i].top = LargeYpos[i] + hscrll; } else { li[i].style.pixelLeft = LargeXpos[i]; li[i].style.pixelTop = LargeYpos[i] + hscrll; } } for (i = 0; i < SmallStars; i++) { SmallXpos[i] -= Smallspeed[i]; if (SmallXpos[i] < -10) { SmallXpos[i] = WinWidth; SmallYpos[i] = Math.round(Math.random()*WinHeight); Smallspeed[i] = Math.random() * 5 + 1; } if (ns) { document.layers['sn'+i].left = SmallXpos[i]; document.layers['sn'+i].top = SmallYpos[i]+hscrll; } else { si[i].style.pixelLeft = SmallXpos[i]; si[i].style.pixelTop = SmallYpos[i]+hscrll; } } setTimeout('fly()', 10); } // End --> </script> 

97  CODE::: ดับเบิ้ลคลิ๊กที่พื้นหลังแล้วเปลี่ยนสี

<SCRIPT LANGUAGE="JavaScript"> <!-- //ใส่ค่ากำหนดสำหรับการระเบิดของพลุแต่ละครั้ง var intervals=2000 var sparksOn = true; var speed = 20; var power = 1; //ตรงนี้ห้ามยุ่งครับ------- var documentWidth=documentHeight=randomx=randomy=leftcorner=topcorner=0 var ns=(document.layers); var ie=(document.all); var sparksAflyin = false; var allDivs = new Array(10); var totalSparks = 0; //------------------------------- function initAll(){ if(!ns && !ie){ sparksOn = false; return; } setInterval("firework()",intervals) if (ns) document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE); for(dNum=0; dNum<7; ++dNum){ if(ie) allDivs[dNum]=eval('document.all.sDiv'+dNum+'.style'); else allDivs[dNum]=eval('document.layers["sDiv'+dNum+'"]'); } } function firework(){ //below code detects the browser dimenions if (ie){ documentWidth=document.body.clientWidth documentHeight=document.body.clientHeight leftcorner=document.body.scrollLeft topcorner=document.body.scrollTop } else if (ns){ documentWidth=window.innerWidth documentHeight=window.innerHeight leftcorner=pageXOffset topcorner=pageYOffset } //below code randomly generates a set of coordinates that fall within the dimension randomx=leftcorner+Math.floor(Math.random()*documentWidth) randomy=topcorner+Math.floor(Math.random()*documentHeight) if(sparksOn){ if(!sparksAflyin){ sparksAflyin=true; totalSparks=0; for(var spark=0;spark<=6;spark++){ dx=Math.round(Math.random()*50); dy=Math.round(Math.random()*50); moveTo(spark,randomx,randomy,dx,dy); } } } } function moveTo(i,tempx,tempy,dx,dy){ if(ie){ if(tempy+80>(document.body.offsetHeight+document.body.scrollTop)) tempy=document.body.offsetHeight+document.body.scrollTop-80; if(tempx+80>(document.body.offsetWidth+document.body.scrollLeft)) tempx=document.body.offsetWidth+document.body.scrollLeft-80; } if(tempx>-50&&tempy>-50){ tempx+=dx;tempy+=dy; allDivs[i].left=tempx; allDivs[i].top=tempy; dx-=power;dy-=power; setTimeout("moveTo("+i+","+tempx+","+tempy+","+dx+","+dy+")",speed) } else ++totalSparks if(totalSparks==7){ sparksAflyin=false; totalSparks=0; } } window.onload=initAll //End--> </script> <style> #sDiv0 {position:absolute; height:1; width:1; font-family:arial black; font-size:15px; color:Aqua;} #sDiv1 {position:absolute; height:1; width:1; font-family:arial black; font-size:15px; color:red;} #sDiv2 {position:absolute; height:1; width:1; font-family:arial black; font-size:15px; color:blue;} #sDiv3 {position:absolute; height:1; width:1; font-family:arial black; font-size:15px; color:orange;} #sDiv4 {position:absolute; height:1; width:1; font-family:arial black; font-size:15px; color:yellow;} #sDiv5 {position:absolute; height:1; width:1; font-family:arial black; font-size:15px; color:lightgreen;} #sDiv6 {position:absolute; height:1; width:1; font-family:arial black; font-size:15px; color:silver;} </style> 

98  CODE:::มีฟองอากาศลอยขึ้นมา

<script language="JavaScript1.2"> <!-- Begin var no = 15; // image number or falling rate var speed = 2; // the lower the number the faster the image moves var snow = new Array(); snow[0] = "http://www.codetukyang.com/java/images/bgbubble.gif" snow[1] = "http://www.codetukyang.com/java/images/bgbubble.gif" snow[2] = "http://www.codetukyang.com/java/images/bgbubble.gif" var ns4up = (document.layers) ? 1 : 0; // browser sniffer var ie4up = (document.all) ? 1 : 0; var ns6up = (document.getElementById&&!document.all) ? 1 : 0; var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width = 800, doc_height = 1800; if (ns4up||ns6up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); j = 0; for (i = 0; i < no; ++ i) { dx[i] = 0; // set coordinate variables xp[i] = Math.random()*(doc_width-50); // set position variables yp[i] = Math.random()*doc_height; am[i] = Math.random()*20; // set amplitude variables stx[i] = 0.02 + Math.random()/10; // set step variables sty[i] = 0.7 + Math.random(); // set step variables if (ns4up) { // set layers if (i == 0) { document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\""+ snow[j] + "\" border=\"0\"></layer>"); } else { document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\""+ snow[j] + "\" border=\"0\"></layer>"); } } else if (ie4up||ns6up) { if (i == 0) { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + snow[j] + "\" border=\"0\"></div>"); } else { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + snow[j] + "\" border=\"0\"></div>"); } } if (j == (snow.length-1)) { j = 0; } else { j += 1; } } function snowNS() { // Netscape main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] -= sty[i]; if (yp[i] < -50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = doc_height; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = self.innerWidth; doc_height = self.innerHeight; } dx[i] += stx[i]; document.layers["dot"+i].top = yp[i]+pageYOffset; document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowNS()", speed); } function snowIE_NS6() { // IE main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] -= sty[i]; if (yp[i] < -50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = doc_height; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = ns6up?window.innerWidth-5:document.body.clientWidth; doc_height = ns6up?window.innerHeight-5:document.body.clientHeight; } dx[i] += stx[i]; if (ie4up){ document.all["dot"+i].style.pixelTop = yp[i]+document.body.scrollTop; document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); } else if (ns6up){ document.getElementById("dot"+i).style.top=yp[i]+pageYOffset; document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i]); } } setTimeout("snowIE_NS6()", speed); } if (ns4up) { snowNS(); } else if (ie4up||ns6up) { snowIE_NS6(); } // End --> </script> 

99  CODE::: ชี้เมาส์ที่ลิ้งค์แล้วพื้นหลังเปลี่ยนสี

[<a href="/" onmouseover="document.bgColor='green'">Green</a>] [<a href="/" onmouseover="document.bgColor='greem'">Bright Green</a>] [<a href="/" onmouseover="document.bgColor='seagreen'">Sea Green</a>] [<a href="/" onmouseover="document.bgColor='red'">Red</a>]<BR> [<a href="/" onmouseover="document.bgColor='magenta'">Magenta</a>] [<a href="/" onmouseover="document.bgColor='fusia'">Fusia</a>] [<a href="/" onmouseover="document.bgColor='pink'">Pink</a>] [<a href="/" onmouseover="document.bgColor='purple'">Purple</a>]<BR> [<a href="/" onmouseover="document.bgColor='navy'">Navy</a>] [<a href="/" onmouseover="document.bgColor='blue'">Blue</a>] [<a href="/" onmouseover="document.bgColor='royalblue'">Royal Blue</a>] [<a href="/" onmouseover="document.bgColor='Skyblue'">Sky Blue</a>]<BR> [<a href="/" onmouseover="document.bgColor='yellow'">Yellow</a>] [<a href="/" onmouseover="document.bgColor='brown'">Brown</a>] [<a href="/" onmouseover="document.bgColor='almond'">Almond</a>] [<a href="/" onmouseover="document.bgColor='white'">White</a>]<BR> [<a href="/" onmouseover="document.bgColor='black'">Black</a>] [<a href="/" onmouseover="document.bgColor='coral'">Coral</a>] [<a href="/" onmouseover="document.bgColor='olivedrab'">Olive Drab</a>] [<a href="/" onmouseover="document.bgColor='orange'">Orange</a>] 

100  CODE::: ทำดาววิ่งชนเรา

<script language="JavaScript1.2"> grphcs=new Array(5) //PRELOAD the involved images (extend or contract variables according to # of images used) Image0=new Image(); Image0.src=grphcs[0]="../../../images8/star0.gif" Image1=new Image(); Image1.src=grphcs[1]="../../../images8/star1.gif" Image2=new Image(); Image2.src=grphcs[2]="../../../images8/star2.gif" Image3=new Image(); Image3.src=grphcs[3]="../../../images8/star3.gif" Image4=new Image(); Image4.src=grphcs[4]="../../../images8/star4.gif" //SPECIFY number of images to randomly display concurrently from list above. Less the more efficient Amount=20; Ypos=new Array(); Xpos=new Array(); Zpos=new Array(); //SpeedX=new Array(); //SpeedY=new Array(); ScrXpos=new Array(); ScrYpos=new Array(); Speed=new Array(); Size=new Array(); Step=new Array(); ns=(document.layers)?1:0; ie=document.all&&navigator.userAgent.indexOf("Opera")==-1 if (ns){ for (i = 0; i < Amount; i++){ var P=Math.floor(Math.random()*grphcs.length); rndPic=grphcs[P]; document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>"); } //end for } //end if else if (ie){ //IE document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i = 0; i < Amount; i++){ document.write('<img id="si'+i+'" src="'+grphcs[Math.round((i+1)*(grphcs.length-1)/Amount)]+'"style="position:absolute;top:0px;left:0px">'); } document.write('</div></div>'); } //initialize star properties if (ie||ns){ WinHeight=(ns)?window.innerHeight-20:window.document.body.clientHeight; WinWidth=(ns)?window.innerWidth-70:window.document.body.clientWidth; for (i=0; i < Amount; i++){ Speed[i]=(i+1)*6/Amount+4; //speed range from 4 to 10 Xpos[i] = (Math.random()*WinWidth-WinWidth/2)*(Amount-i/3)/Amount; Ypos[i] = (Math.random()*WinHeight-WinHeight/2)*(Amount-i/3)/Amount; Zpos[i] = Math.random()*900*(Amount-i/3)/Amount+100; } } function fly(){ var WinHeight=(ns)?window.innerHeight-20:window.document.body.clientHeight; var WinWidth=(ns)?window.innerWidth-70:window.document.body.clientWidth; var hscrll=(ns)?window.pageYOffset:document.body.scrollTop; for (i=0; i < Amount; i++){ Zpos[i]-=Speed[i]; if (ScrXpos[i]>WinWidth || ScrXpos[i]<0 || ScrYpos[i]>WinHeight || ScrYpos[i]<0 || Zpos[i]<=0) { //generate new stars Speed[i]=(i+1)*6/Amount+4; //speed range from 4 to 10 Xpos[i] = (Math.random()*WinWidth-WinWidth/2)*(Amount-i/3)/Amount; Ypos[i] = (Math.random()*WinHeight-WinHeight/2)*(Amount-i/3)/Amount; Zpos[i] = Math.random()*900*(Amount-i/3)/Amount+100; } ScrXpos[i]=Xpos[i]/Zpos[i]*100 + WinWidth/2; ScrYpos[i]=Ypos[i]/Zpos[i]*100 + WinHeight/2; if (ns){ document.layers['sn'+i].left=ScrXpos[i]; document.layers['sn'+i].top=ScrYpos[i]+hscrll; } else{ //IE eval("document.all.si"+i).style.left=ScrXpos[i]; eval("document.all.si"+i).style.top=ScrYpos[i]+hscrll; } } //end for setTimeout('fly()',1); // ตั้งค่าความเร็วของดาวครับ (เลขยิ่งน้อยยิงเร็ว) } //end fly if (ie||ns) window.onload=fly //--> </SCRIPT> 

101  CODE:::มีลูกโป่ง 3ลูกเด้งไปมา

<script language="JavaScript"> var brOK=false; var mie=false; var aver=parseInt(navigator.appVersion.substring(0,1)); var aname=navigator.appName;http://www.codetukyang.com/java/images/bgballon3.gif function checkbrOK() {if(aname.indexOf("Internet Explorer")!=-1) {if(aver>=4) brOK=navigator.javaEnabled(); mie=true; } if(aname.indexOf("Netscape")!=-1) {if(aver>=4) brOK=navigator.javaEnabled();} } var vmin=2; var vmax=5; var vr=2; var timer1; function Chip(chipname,width,height) {this.named=chipname; this.vx=vmin+vmax*Math.random(); this.vy=vmin+vmax*Math.random(); this.w=width; this.h=height; this.xx=0; this.yy=0; this.timer1=null; } function movechip(chipname) { if(brOK) {eval("chip="+chipname); if(!mie) {pageX=window.pageXOffset; pageW=window.innerWidth-20; pageY=window.pageYOffset; pageH=window.innerHeight-20; } else {pageX=window.document.body.scrollLeft; pageW=window.document.body.offsetWidth-20; pageY=window.document.body.scrollTop; pageH=window.document.body.offsetHeight-20; } chip.xx=chip.xx+chip.vx; chip.yy=chip.yy+chip.vy; chip.vx+=vr*(Math.random()-0.5); chip.vy+=vr*(Math.random()-0.5); if(chip.vx>(vmax+vmin)) chip.vx=(vmax+vmin)*2-chip.vx; if(chip.vx<(-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx; if(chip.vy>(vmax+vmin)) chip.vy=(vmax+vmin)*2-chip.vy; if(chip.vy<(-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy; if(chip.xx<=pageX) {chip.xx=pageX; chip.vx=vmin+vmax*Math.random(); } if(chip.xx>=pageX+pageW-chip.w) {chip.xx=pageX+pageW-chip.w; chip.vx=-vmin-vmax*Math.random(); } if(chip.yy<=pageY) {chip.yy=pageY; chip.vy=vmin+vmax*Math.random(); } if(chip.yy>=pageY+pageH-chip.h) {chip.yy=pageY+pageH-chip.h; chip.vy=-vmin-vmax*Math.random(); } if(document.layers) {eval('document.'+chip.named+'.top ='+chip.yy); eval('document.'+chip.named+'.left='+chip.xx); } else if (document.all) {eval('document.all.'+chip.named+'.style.pixelLeft='+chip.xx); eval('document.all.'+chip.named+'.style.pixelTop ='+chip.yy); } else if (document.getElementById) {document.getElementById(chip.named).style.left=chip.xx; document.getElementById(chip.named).style.top =chip.yy; } chip.timer1=setTimeout("movechip('"+chip.named+"')",100); } } function stopme(chipname) {if(brOK) {//alert(chipname) eval("chip="+chipname); if(chip.timer1!=null) {clearTimeout(chip.timer1)} } } </script> <script> var chip1; var chip2; var chip3; //add or delete more variables, depending on how many images you're using function pagestart() {checkbrOK(); chip1=new Chip("chip1",60,80); chip2=new Chip("chip2",60,80); chip3=new Chip("chip3",60,80); //add or delete more of the above, depending on how many images you're using if(brOK) { movechip("chip1"); movechip("chip2"); movechip("chip3"); //add or delete more of the above, depending on how many images you're using } } </script> 

102  CODE:::ทำพลุรูปดาวที่ลอยขึ้นไปแล้วแตกออกมา

<style type="text/css"> v\:* { behavior: url(#default#VML); } </style> 

103  CODE::: นำเมาส์ไปวางบนรูปแล้วสั่น

<style> .shakeimage{ position:relative } </style> <script language="JavaScript1.2"> //configure shake degree (where larger # equals greater shake) var rector=3 ///////DONE EDITTING/////////// var stopit=0 var a=1 function init(which){ stopit=0 shake=which shake.style.left=0 shake.style.top=0 } function rattleimage(){ if ((!document.all&&!document.getElementById)||stopit==1) return if (a==1){ shake.style.top=parseInt(shake.style.top)+rector } else if (a==2){ shake.style.left=parseInt(shake.style.left)+rector } else if (a==3){ shake.style.top=parseInt(shake.style.top)-rector } else{ shake.style.left=parseInt(shake.style.left)-rector } if (a<4) a++ else a=1 setTimeout("rattleimage()",50) } function stoprattle(which){ stopit=1 which.style.left=0 which.style.top=0 } </script> 

104  CODE::: กรอบรอบพื้นหลัง

<script language="JavaScript1.2"> if (document.all) document.body.style.cssText="border:15 inset blue" </script> 

105  CODE::: ห้ามเซฟรูปภาพ

<script language="JavaScript1.2"> var clickmessage="ใส่ข้อความคร่า(เวลาคลิ๊กขวา)" function disableclick(e) { if (document.all) { if (event.button==2||event.button==3) { if (event.srcElement.tagName=="IMG"){ alert(clickmessage); return false; } } } else if (document.layers) { if (e.which == 3) { alert(clickmessage); return false; } } else if (document.getElementById){ if (e.which==3&&e.target.tagName=="IMG"){ alert(clickmessage) return false } } } function associateimages(){ for(i=0;i<document.images.length;i++) document.images[i].onmousedown=disableclick; } if (document.all) document.onmousedown=disableclick else if (document.getElementById) document.onmouseup=disableclick else if (document.layers) associateimages() </script> 

106  CODE::: ทำรูปวิ่งจากขวาไปซ้าย

<script language="JavaScript"> <!-- //กำหนดความกว้างสายพานลำเลียง var sliderwidth=600 //กำหนดความสูงสายพาน var sliderheight=145 //กำหนดความเร็วสายพาน var slidespeed=4 //กำหนดรูปที่ต้องการและ LINK var leftrightslide=new Array() var finalslide='' leftrightslide[0]='<img border="0" src="../../images/wheel2.gif">' leftrightslide[1]='<a href="http://www.geocities.com/namkiatv"><img border="0" src="../../images/wheel2.gif"></a>' leftrightslide[2]='<a href="http://www.geocities.com/namkiatv/java"><img border="0" src="../../images/wheel2.gif"></a>' leftrightslide[3]='<a href="http://www.geocities.com/namkiatv/html"><img border="0" src="../../images/wheel2.gif"></a></a>' leftrightslide[4]='<img border="0" src="../../images/wheel2.gif"></a>' ///////ข้างล่างนอย่าไปยุ่งนะครับี้////////////////// var copyspeed=slidespeed //copy contents of leftrightslide into one variable for (i=0;i<leftrightslide.length;i++) finalslide=finalslide+leftrightslide[i]+"&nbsp;&nbsp;" if (document.all){ //dynamically write out the marquee tag document.write('<marquee id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>') //stop marquee when mouse is over it ieslider.onmouseover=new Function("ieslider.scrollAmount=0") //re-enable marquee when mouse is out ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=slidespeed") } function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers){ document.ns_slider01.visibility="show" setTimeout("window.onresize=regenerate",450) intializeleftrightslide() } if (document.all) ieslider.scrollAmount=slidespeed } //NS specific function for initializing slider upon page load function intializeleftrightslide(){ document.ns_slider01.document.ns_slider02.document.write('<nobr>'+finalslide+'</nobr>') document. ns_slider01.document.ns_slider02.document.close() thelength=document.ns_slider01.document.ns_slider02.document.width scrollslide() } //NS specific function for sliding slideshow function scrollslide(){ if (document.ns_slider01.document.ns_slider02.left>=thelength*(-1)){ document.ns_slider01.document.ns_slider02.left-=slidespeed setTimeout("scrollslide()",100) } else{ document.ns_slider01.document.ns_slider02.left=sliderwidth scrollslide() } } window.onload=regenerate2 //--> </script> 

107  CODE:::ลิ้งค์รูปภาพพอเมาส์ชี้เปลี่ยนรูป

<script language="JavaScript"> <!-- temp1=new Image temp2=new Image temp1.src="ใส่รูปที่1" temp2.src="ใส่รูปที่2" // --> </script> <p align="center"><a href=ใส่ลิ้งค์เวปที่จะให้คลิ๊ก" onmouseout="roll.src=temp1.src" onmouseover="roll.src=temp2.src"><img src="foopic10thumb.jpg" border="0" width="258" height="196" name="roll"></a></p> 

108  CODE::: คลิ๊กภาพแล้วมี URL ขึ้นมา

<script> function selectCode(f){ document.forms[f].elements[0].focus(); document.forms[f].elements[0].select(); } </script> <script language="JavaScript"> var isReady = false; function showAddress(What){ if (isReady){ document.Which.Where.value = What; document.Which.Where.focus(); document.Which.Where.select(); }else{ alert("หน้านี้ยัง LOAD ไม่เสร็จครับ กรุณารอสักครู่นะครับ"); } } function clearAddress(){ if (isReady){ document.Which.Where.value = ''; }else{ alert("หน้านี้ยัง LOAD ไม่เสร็จครับ กรุณารอสักครู่นะครับ"); } } </script> 

109  CODE::: บอกไอพีเวลาเข้ามา

<SCRIPT LANGUAGE="JavaScript"> <!-- Begin // This part gets the IP var ip = '<!--#echo var="REMOTE_ADDR"-->'; // This part is for an alert box alert("IP address ของคุณคือ "+ip); // This part is for the status bar window.defaultStatus = "IP addrsss ของคุณคือ "+ip; // This part is for the title bar document.write("<title>IP address ของคุณคือ "+ip+"</title>"); // End --> </script> 

110  CODE::: ถามว่าเราจะตั้งหน้านี้เป็นโฮมหรือไม่

<STYLE> @media All { ie\:homepage { BEHAVIOR: url(#default#homepage) } } </STYLE> <ie:homepage id=page> 

111  CODE :: โค้ดเมาส์รูปมือจ้า

 <body style="cursor:url(http://ourworld.cs.com/xcurxx2/ha.cur);"></body> <a href="http://www.dollielove.com"target=_blank> <img src="http://ourworld.cs.com/xcurxx2/cursor.gif"border=0 alt="Cute Cursors from Dollielove.com"></a> <body style="cursor:url(http://ourworld.cs.com/xcurxx2/ha2.cur);"></body> <a href="http://www.dollielove.com"target=_blank> <img src="http://ourworld.cs.com/xcurxx2/cursor.gif"border=0 alt="Cute Cursors from Dollielove.com"></a>

<body style="cursor:url(http://ourworld.cs.com/xcurxx2/ha3.cur);"></body> <a href="http://www.dollielove.com"target=_blank> <img src="http://ourworld.cs.com/xcurxx2/cursor.gif"border=0 alt="Cute Cursors from Dollielove.com"></a> <body style="cursor:url(http://ourworld.cs.com/xcurxx2/ha4.cur);"></body> <a href="http://www.dollielove.com"target=_blank> <img src="http://ourworld.cs.com/xcurxx2/cursor.gif"border=0 alt="Cute Cursors from Dollielove.com"></a>

<body style="cursor:url(http://ourworld.cs.com/xcurxx2/ha5.cur);"></body> <a href="http://www.dollielove.com"target=_blank> <img src="http://ourworld.cs.com/xcurxx2/cursor.gif"border=0 alt="Cute Cursors from Dollielove.com"></a> <body style="cursor:url(http://ourworld.cs.com/xcurxx2/heart.cur);"></body> <a href="http://www.dollielove.com"target=_blank> <img src="http://ourworld.cs.com/xcurxx2/cursor.gif"border=0 alt="Cute Cursors from Dollielove.com"></a>

112  CODE :: เมาส์ไอติม (สำเร็จ)

<body style="cursor:url(http://ourworld.cs.com/xcurxx2/heart.cur);"></body> <a href="http://www.dollielove.com"target=_blank> <img src="http://ourworld.cs.com/xcurxx2/cursor.gif"border=0 alt="Cute Cursors from Dollielove.com"></a>  

113  CODE :: เมาส์แฮมเบอร์เกอร์(สำเร็จ)

<body style="cursor:url(http://ourworld.cs.com/xcurxx2/heart.cur);"></body> <a href="http://www.dollielove.com"target=_blank> <img src="http://ourworld.cs.com/xcurxx2/cursor.gif"border=0 alt="Cute Cursors from Dollielove.com"></a>  

114  CODE :: เมาส์รูปขนมปัง (สำเร็จ)

<body style="cursor:url(http://ourworld.cs.com/xcurxx2/heart.cur);"></body> <a href="http://www.dollielove.com"target=_blank> <img src="http://ourworld.cs.com/xcurxx2/cursor.gif"border=0 alt="Cute Cursors from Dollielove.com"></a>  

115  CODE :: เมาส์ระยิบระยับหลากสีจ้า

<body style="cursor:url(http://ourworld.cs.com/preciousxpixels/greencursor.ani);"></body> <body style="cursor:url(http://ourworld.cs.com/preciousxpixels/aquacursor.ani);"></body> <body style="cursor:url(http://ourworld.cs.com/preciousxpixels/blackcursor.ani);"></body> <body style="cursor:url(http://ourworld.cs.com/preciousxpixels/orangecursor.ani);"></body> <body style="cursor:url(http://ourworld.cs.com/preciousxpixels/graycursor.ani);"></body>

<body style="cursor:url(http://ourworld.cs.com/preciousxpixels/redcursor.ani);"></body> <body style="cursor:url(http://ourworld.cs.com/preciousxpixels/yellowcursor.ani);"></body> <body style="cursor:url(http://ourworld.cs.com/preciousxpixels/bluecursor.ani);"></body> <body style="cursor:url(http://ourworld.cs.com/preciousxpixels/purplecursor.ani);"></body> <body style="cursor:url(http://ourworld.cs.com/preciousxpixels/pinkcursor.ani);"></body>

116  CODE :: เมาส์ผีเสื้อมากมายจ้า

<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly01.ani"); } saved from http://www.designcrazy.net --> </style>	<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly02.ani"); } saved from http://www.designcrazy.net --> </style>	<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly03.ani"); } saved from http://www.designcrazy.net --> </style>

<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly10.ani"); } saved from http://www.designcrazy.net --> </style>	<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly11.ani"); } saved from http://www.designcrazy.net --> </style>	<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly12.ani"); } saved from http://www.designcrazy.net --> </style>

<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly04.ani"); } saved from http://www.designcrazy.net --> </style>	<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly05.ani"); } saved from http://www.designcrazy.net --> </style>	<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly06.ani"); } saved from http://www.designcrazy.net --> </style>

<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly07.ani"); } saved from http://www.designcrazy.net --> </style>	<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly08.ani"); } saved from http://www.designcrazy.net --> </style>	<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly09.ani"); } saved from http://www.designcrazy.net --> </style>

<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly13.ani"); } saved from http://www.designcrazy.net --> </style>	<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly14.ani"); } saved from http://www.designcrazy.net --> </style>	<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly15.ani"); } saved from http://www.designcrazy.net --> </style>

<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly16.ani"); } saved from http://www.designcrazy.net --> </style>	<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly17.ani"); } saved from http://www.designcrazy.net --> </style>	<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly18.ani"); } saved from http://www.designcrazy.net --> </style>

<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly01.ani"); } saved from http://www.designcrazy.net --> </style>	<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly02.ani"); } saved from http://www.designcrazy.net --> </style>	<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly03.ani"); } saved from http://www.designcrazy.net --> </style>

<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly10.ani"); } saved from http://www.designcrazy.net --> </style>	<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly11.ani"); } saved from http://www.designcrazy.net --> </style>	<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly12.ani"); } saved from http://www.designcrazy.net --> </style>

<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly04.ani"); } saved from http://www.designcrazy.net --> </style>	<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly05.ani"); } saved from http://www.designcrazy.net --> </style>	<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly06.ani"); } saved from http://www.designcrazy.net --> </style>

<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly07.ani"); } saved from http://www.designcrazy.net --> </style>	<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly08.ani"); } saved from http://www.designcrazy.net --> </style>	<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly09.ani"); } saved from http://www.designcrazy.net --> </style>

<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly13.ani"); } saved from http://www.designcrazy.net --> </style>	<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly14.ani"); } saved from http://www.designcrazy.net --> </style>	<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly15.ani"); } saved from http://www.designcrazy.net --> </style>

<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly16.ani"); } saved from http://www.designcrazy.net --> </style>	<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly17.ani"); } saved from http://www.designcrazy.net --> </style>	<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly18.ani"); } saved from http://www.designcrazy.net --> </style>

<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly01.ani"); } saved from http://www.designcrazy.net --> </style>	<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly02.ani"); } saved from http://www.designcrazy.net --> </style>	<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly03.ani"); } saved from http://www.designcrazy.net --> </style>

<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly10.ani"); } saved from http://www.designcrazy.net --> </style>	<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly11.ani"); } saved from http://www.designcrazy.net --> </style>	<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly12.ani"); } saved from http://www.designcrazy.net --> </style>

<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly04.ani"); } saved from http://www.designcrazy.net --> </style>	<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly05.ani"); } saved from http://www.designcrazy.net --> </style>	<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly06.ani"); } saved from http://www.designcrazy.net --> </style>

<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly07.ani"); } saved from http://www.designcrazy.net --> </style>	<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly08.ani"); } saved from http://www.designcrazy.net --> </style>	<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly09.ani"); } saved from http://www.designcrazy.net --> </style>

<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly13.ani"); } saved from http://www.designcrazy.net --> </style>	<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly14.ani"); } saved from http://www.designcrazy.net --> </style>	<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly15.ani"); } saved from http://www.designcrazy.net --> </style>

<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly16.ani"); } saved from http://www.designcrazy.net --> </style>	<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly17.ani"); } saved from http://www.designcrazy.net --> </style>	<style> <!-- BODY{ cursor:url("http://ourworld.cs.com/bb91302/cursor/butterfly/butterfly18.ani"); } saved from http://www.designcrazy.net --> </style>

117  CODE :: ทำนายรัก

<script LANGUAGE="JavaScript"> /* By Wee Family psweesam@singnet.com.sg Featured on Website Abstraction (http://wsabstract.com) For this and over 400+ free scripts, visit http://wsabstract.com */ function calc() { first = document.loveform.name1.value.toUpperCase(); firstlength = document.loveform.name1.value.length; second = document.loveform.name2.value.toUpperCase(); secondlength = document.loveform.name2.value.length; var LoveCount=0; for (Count=0; Count < firstlength; Count++) { letter1=first.substring(Count,Count+1); if (letter1=='L') LoveCount+=2; if (letter1=='O') LoveCount+=2; if (letter1==' 

118  CODE :: ตราสัญลักษณ์งานฉลองสิริราชสมบัติครบ 60 ปี เอาไว้ติดที่ไดอารี่ของคุณ

***ตราสัญลักษณ์งานฉลองสิริราชสมบัติครบ 60 ปี***

<!-- Start Logo60 --> <script type="text/javascript" src="http://thaiblogger.org/webbands/logo60_left.js"></script> <!-- End Logo60 --> 

***เข็มกลัดตราสัญลักษณ์งานฉลองสิริราชสมบัติครบ 60 ปี***

<!-- Start Logo60Brooch --> <script type="text/javascript" src="http://thaiblogger.org/webbands/logo60brooch_left.js"></script> <!-- End Logo60Brooch -->

***สติกเกอร์ตราสัญลักษณ์งานฉลองสิริราชสมบัติครบ 60 ปี***

<!-- Start Logo60Sticker --> <script type="text/javascript" src="http://thaiblogger.org/webbands/logo60sticker_left.js"></script> <!-- End Logo60Sticker -->

119  CODE :: โค๊ดมีสายรุ้งวนรอบเมาส์

<SCRIPT LANGUAGE="JavaScript"> <!-- Begin ns = (document.layers)?1:0; Clrs = new Array(''ff0000'',''00ff00'',''ffffff'',''ff00ff'',''ffa500'',''ffff00'',''00ff00'',''ffffff'',''ff00ff'') yBase = 0; xBase = 0; step = 3; currStep = 0; Ypos = 0; Xpos = 0; if (ns){ for (i = 0; i < 14; i++) document.write(''<LAYER NAME="n''+i+''" LEFT=0 TOP=0 CLIP="0,0,''+i/4+'',''+i/4+''"></LAYER>''); window.captureEvents(Event.MOUSEMOVE); function nMouse(evnt){ Ypos = evnt.pageY; Xpos = evnt.pageX; } window.onMouseMove = nMouse; } else{ document.write(''<div style="position:absolute;top:0;left:0"><div style="position:relative">''); for (i=0; i < 14; i++) {document.write(''<div id="me" style="position:absolute;top:0;left:0;width:''+i/4+'';height:''+i/4+'';font-size:''+i/4+''"></div>'')} document.write(''</div></div>''); function iMouse() { Ypos = event.y+document.body.scrollTop; Xpos = event.x+document.body.scrollLeft; } document.onmousemove = iMouse; } function Comet() { var yBase = (document.layers)?window.innerHeight/4:window.document.body.clientHeight/4; var xBase = (document.layers)?window.innerWidth/4:window.document.body.clientWidth/4; for (i = 0; i < 14; i++){ var randCol = Math.round(Math.random()*8); var layer = (document.layers)?document.layers[''n''+i]:me[i].style; layer.top =Ypos + yBase*Math.cos((currStep+i*4)/12)*Math.cos(0.7+currStep/200); layer.left = Xpos + xBase*Math.sin((currStep+i*3)/10)*Math.sin(8.2+currStep/400); if (ns) layer.bgColor = Clrs[randCol]; else layer.background = Clrs[randCol]; } currStep += step; setTimeout("Comet()",10); } window.onload = Comet; // End --> </script>  

120  CODE :: โค้ด ดอกไม้ หมุนรอบเม้า

<script language="JavaScript" src="http://se-ed.net/honnynu/java/iro052.js"></script> 

121  CODE :: ข้อความวิ่งในกรอบจ้า

<script language="JavaScript"> var count = 0; var text = "ข้อความใส่ตรงนี้ "; scroll(); function scroll () { var houvthakText = text.substring (count, text.length) + text.substring (0, count); document.houvthak.houvthak.value = houvthakText; if (count < text.length) count ++; else count = 0; setTimeout ("scroll()", 111);} </script>  

122  CODE :: โค้ดบอกรักจ้า (สุดฮิตเลย) ><

<SCRIPT language=javascript> { alert('ขอถามอะไรหน่อยน๊า...ขอให้ตอบความเป็นจริง'); alert('ชื่ออะไรเหรอคร๊า'); U=prompt('กรุณาใส่ชื่อของคุณค่ะ',''); alert('สวัสดีค่ะคุณ '+U); I=prompt('ใครทีคุณคิดถึงเขาอยู่ล่ะ '+U,'ใครคนหนึ่ง'); alert(I+' หรอ? '+U+' '); T=prompt('รู้จักเขามานานเท่าไหร่แล้วหละ','กี่ วัน กี่เดือน หรือว่า กี่ ปี'); N=prompt('นิสัยที่ไม่ดีของคุณคืออะไรหละ?','ขี้น้อยใจ'); alert('เขาฝากให้ เหม่ย มาบอกกับคุณ '+U+' ว่า...'); alert('ตลอดเวลา '+T+' ที่ผ่านมา '+I+' มีความสุขมาก'); alert(U+'คุณเป็นคนที่น่ารักและอุปนิสัยดีมากๆเลยน๊า'); alert('ถึงแม้คุณ '+U+'จะมีนิสัย '+N+' ไปบ้างในบางครั้ง'); alert('แต่ในใจจริงๆของ'+I+' ไม่เคยโกรธหรือเกลียดคุณ'+U+'เลย'); alert(U+'คุณเป็นคนที่น่ารักในสายตา '+I+' ตลอดมา...'); alert(' และตลอดไป...'); alert(I+'รักคุณ'+U+' เสมอนะ!'); alert('รับทราบแล้วใช่ไหม๊คร๊าคุณ' +U); alert('งั้นเข้าไป VoTe ไดให้ด้วยน๊า..จุ๊บจุ๊บ'); } </SCRIPT> 

เปลี่ยนข้อความตรงตัวอักษรได้นะ

แต่มีคนบอกว่าใช้ในไดไม่ได้  ใช้ได้กะบทความจ๊ะ

123  CODE :: ห้าม Save ภาพ

<script language="JavaScript1.2"> var clickmessage="ไม่อนุญาตให้Save ภาพนะคร๊า" function disableclick(e) { if (document.all) { if (event.button==2||event.button==3) { if (event.srcElement.tagName=="IMG"){ alert(clickmessage); return false; } } } else if (document.layers) { if (e.which == 3) { alert(clickmessage); return false; } } else if (document.getElementById){ if (e.which==3&&e.target.tagName=="IMG"){ alert(clickmessage) return false } } } function associateimages(){ for(i=0;i<document.images.length;i++) document.images.onmousedown=disableclick; } if (document.all) document.onmousedown=disableclick else if (document.getElementById) document.onmouseup=disableclick else if (document.layers) associateimages() </script> 

124  CODE :: ทำให้รูปที่เป็นลิ้งค์มีขอบฟุ้ง

<style> A:LINK IMG{ filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0) } A:HOVER IMG{ filter: Blur(Add = 0, Direction = 225, Strength = 1) } A:visited IMG{filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0) } </style> 

125  CODE :: โค้ดเมาส์แมวเหมียวกระดิกหาง

<STYLE> body{CURSOR: url('http://cursaga.atspace.com/cursor/neko01.ani'); } a{CURSOR: url('http://cursaga.atspace.com/cursor/apollo02.cur'); } </STYLE>

126  CODE :: โค้ดเมาส์รูปหมี

<!--CURSOR THOMOEDA TEMPLATES WWW.THOMOEDA.CJB.NET--> <style type="text/css">BODY{cursor:url(http://www.thomoeda.oi.com.br/cursores/cur_brinquedos010.ani);}</style>  

127  CODE :: โค้ดเมาส์นางฟ้า

<!--CURSOR THOMOEDA TEMPLATES WWW.THOMOEDA.CJB.NET--> <style type="text/css">BODY{cursor:url(http://www.thomoeda.oi.com.br/cursores/cur_anjos002.ani);}</style>   

128  CODE :: โค้ดเมาส์รูปเต่า

<body style="cursor:url(http://angelkizz.net/visitor/cursors/animals/1.ani);">

129  CODE :: โค้ดเมาส์มากมายเลยจ้า

<STYLE TYPE="text/css"> BODY{cursor: url(http://www.mbif.net/cursors/spinning.ani);} A{cursor: url(http://www.mbif.net/cursors/spinning.ani);} </STYLE> <CENTER><p><IMG SRC="http://www.mbif.net/banners/curbannerette.gif"><p></CENTER> <STYLE TYPE="text/css"> BODY{cursor: url(http://www.mbif.net/cursors/spinningstill.ani);} A{cursor: url(http://www.mbif.net/cursors/spinningstill.ani);} </STYLE> <CENTER><p><IMG SRC="http://www.mbif.net/banners/curbannerette.gif"><p></CENTER> <STYLE TYPE="text/css"> BODY{cursor: url(http://www.mbif.net/cursors/spincanstill.ani);} A{cursor: url(http://www.mbif.net/cursors/spincanstill.ani);} </STYLE> <CENTER><p><IMG SRC="http://www.mbif.net/banners/curbannerette.gif"><p></CENTER>  

<STYLE TYPE="text/css"> BODY{cursor: url(http://www.mbif.net/cursors/spincan.ani);} A{cursor: url(http://www.mbif.net/cursors/spincan.ani);} </STYLE> <CENTER><p><IMG SRC="http://www.mbif.net/banners/curbannerette.gif"><p></CENTER> <STYLE TYPE="text/css"> BODY{cursor: url(http://www.mbif.net/cursors/spilledcoffee.ani);} A{cursor: url(http://www.mbif.net/cursors/spilledcoffee.ani);} </STYLE> <CENTER><p><IMG SRC="http://www.mbif.net/banners/curbannerette.gif"><p></CENTER> <STYLE TYPE="text/css"> BODY{cursor: url(http://www.mbif.net/cursors/rootbeer.ani);} A{cursor: url(http://www.mbif.net/cursors/rootbeer.ani);} </STYLE> <CENTER><p><IMG SRC="http://www.mbif.net/banners/curbannerette.gif"><p></CENTER>  

<STYLE TYPE="text/css"> BODY{cursor: url(http://www.mbif.net/cursors/rainbowcreams.ani);} A{cursor: url(http://www.mbif.net/cursors/rainbowcreams.ani);} </STYLE> <CENTER><p><IMG SRC="http://www.mbif.net/banners/curbannerette.gif"><p></CENTER> <STYLE TYPE="text/css"> BODY{cursor: url(http://www.mbif.net/cursors/redicecream.ani);} A{cursor: url(http://www.mbif.net/cursors/redicecream.ani);} </STYLE> <CENTER><p><IMG SRC="http://www.mbif.net/banners/curbannerette.gif"><p></CENTER> <STYLE TYPE="text/css"> BODY{cursor: url(http://www.mbif.net/cursors/popcorn.ani);} A{cursor: url(http://www.mbif.net/cursors/popcorn.ani);} </STYLE> <CENTER><p><IMG SRC="http://www.mbif.net/banners/curbannerette.gif"><p></CENTER>  

<STYLE TYPE="text/css"> BODY{cursor: url(http://www.mbif.net/cursors/pizza.ani);} A{cursor: url(http://www.mbif.net/cursors/pizza.ani);} </STYLE> <CENTER><p><IMG SRC="http://www.mbif.net/banners/curbannerette.gif"><p></CENTER> <STYLE TYPE="text/css"> BODY{cursor: url(http://www.mbif.net/cursors/italianice.ani);} A{cursor: url(http://www.mbif.net/cursors/italianice.ani);} </STYLE> <CENTER><p><IMG SRC="http://www.mbif.net/banners/curbannerette.gif"><p></CENTER> <STYLE TYPE="text/css"> BODY{cursor: url(http://www.mbif.net/cursors/dessert.ani);} A{cursor: url(http://www.mbif.net/cursors/dessert.ani);} </STYLE> <CENTER><p><IMG SRC="http://www.mbif.net/banners/curbannerette.gif"><p></CENTER>  

<STYLE TYPE="text/css"> BODY{cursor: url(http://www.mbif.net/cursors/coffee.ani);} A{cursor: url(http://www.mbif.net/cursors/coffee.ani);} </STYLE> <CENTER><p><IMG SRC="http://www.mbif.net/banners/curbannerette.gif"><p></CENTER> <STYLE TYPE="text/css"> BODY{cursor: url(http://www.mbif.net/cursors/cheese.ani);} A{cursor: url(http://www.mbif.net/cursors/cheese.ani);} </STYLE> <CENTER><p><IMG SRC="http://www.mbif.net/banners/curbannerette.gif"><p></CENTER> <STYLE TYPE="text/css"> BODY{cursor: url(http://www.mbif.net/cursors/cappu.ani);} A{cursor: url(http://www.mbif.net/cursors/cappu.ani);} </STYLE> <CENTER><p><IMG SRC="http://www.mbif.net/banners/curbannerette.gif"><p></CENTER>  

<STYLE TYPE="text/css"> BODY{cursor: url(http://www.mbif.net/cursors/skinnycat.ani);} A{cursor: url(http://www.mbif.net/cursors/skinnycat.ani);} </STYLE> <CENTER><p><IMG SRC="http://www.mbif.net/banners/curbannerette.gif"><p></CENTER> <STYLE TYPE="text/css"> BODY{cursor: url(http://www.mbif.net/cursors/palecat.ani);} A{cursor: url(http://www.mbif.net/cursors/palecat.ani);} </STYLE> <CENTER><p><IMG SRC="http://www.mbif.net/banners/curbannerette.gif"><p></CENTER> <STYLE TYPE="text/css"> BODY{cursor: url(http://www.mbif.net/cursors/mooncat.ani);} A{cursor: url(http://www.mbif.net/cursors/mooncat.ani);} </STYLE> <CENTER><p><IMG SRC="http://www.mbif.net/banners/curbannerette.gif"><p></CENTER>  

<STYLE TYPE="text/css"> BODY{cursor: url(http://www.mbif.net/cursors/leapingcat.ani);} A{cursor: url(http://www.mbif.net/cursors/leapingcat.ani);} </STYLE> <CENTER><p><IMG SRC="http://www.mbif.net/banners/curbannerette.gif"><p></CENTER> <STYLE TYPE="text/css"> BODY{cursor: url(http://www.mbif.net/cursors/fluffycat.ani);} A{cursor: url(http://www.mbif.net/cursors/fluffycat.ani);} </STYLE> <CENTER><p><IMG SRC="http://www.mbif.net/banners/curbannerette.gif"><p></CENTER> <STYLE TYPE="text/css"> BODY{cursor: url(http://www.mbif.net/cursors/catpicstill.ani);} A{cursor: url(http://www.mbif.net/cursors/catpicstill.ani);} </STYLE> <CENTER><p><IMG SRC="http://www.mbif.net/banners/curbannerette.gif"><p></CENTER>  

<STYLE TYPE="text/css"> BODY{cursor: url(http://www.mbif.net/cursors/daycat.ani);} A{cursor: url(http://www.mbif.net/cursors/daycat.ani);} </STYLE> <CENTER><p><IMG SRC="http://www.mbif.net/banners/curbannerette.gif"><p></CENTER> <STYLE TYPE="text/css"> BODY{cursor: url(http://www.mbif.net/cursors/catpic.ani);} A{cursor: url(http://www.mbif.net/cursors/catpic.ani);} </STYLE> <CENTER><p><IMG SRC="http://www.mbif.net/banners/curbannerette.gif"><p></CENTER> <STYLE TYPE="text/css"> BODY{cursor: url(http://www.mbif.net/cursors/blackcatani.ani);} A{cursor: url(http://www.mbif.net/cursors/blackcatani.ani);} </STYLE> <CENTER><p><IMG SRC="http://www.mbif.net/banners/curbannerette.gif"><p></CENTER>  

<STYLE TYPE="text/css"> BODY{cursor: url(http://www.mbif.net/cursors/pinkdog.ani);} A{cursor: url(http://www.mbif.net/cursors/pinkdog.ani);} </STYLE> <CENTER><p><IMG SRC="http://www.mbif.net/banners/curbannerette.gif"><p></CENTER> <STYLE TYPE="text/css"> BODY{cursor: url(http://www.mbif.net/cursors/reddog.ani);} A{cursor: url(http://www.mbif.net/cursors/reddog.ani);} </STYLE> <CENTER><p><IMG SRC="http://www.mbif.net/banners/curbannerette.gif"><p></CENTER> <STYLE TYPE="text/css"> BODY{cursor: url(http://www.mbif.net/cursors/greydog.ani);} A{cursor: url(http://www.mbif.net/cursors/greydog.ani);} </STYLE> <CENTER><p><IMG SRC="http://www.mbif.net/banners/curbannerette.gif"><p></CENTER>  

<STYLE TYPE="text/css"> BODY{cursor: url(http://www.mbif.net/cursors/golddog.ani);} A{cursor: url(http://www.mbif.net/cursors/golddog.ani);} </STYLE> <CENTER><p><IMG SRC="http://www.mbif.net/banners/curbannerette.gif"><p></CENTER> <STYLE TYPE="text/css"> BODY{cursor: url(http://www.mbif.net/cursors/dogdrool.ani);} A{cursor: url(http://www.mbif.net/cursors/dogdrool.ani);} </STYLE> <CENTER><p><IMG SRC="http://www.mbif.net/banners/curbannerette.gif"><p></CENTER> <STYLE TYPE="text/css"> BODY{cursor: url(http://www.mbif.net/cursors/dogbone.ani);} A{cursor: url(http://www.mbif.net/cursors/dogbone.ani);} </STYLE> <CENTER><p><IMG SRC="http://www.mbif.net/banners/curbannerette.gif"><p></CENTER>  

<STYLE TYPE="text/css"> BODY{cursor: url(http://www.mbif.net/cursors/blinkdog.ani);} A{cursor: url(http://www.mbif.net/cursors/blinkdog.ani);} </STYLE> <CENTER><p><IMG SRC="http://www.mbif.net/banners/curbannerette.gif"><p></CENTER> <STYLE TYPE="text/css"> BODY{cursor: url(http://www.mbif.net/cursors/beagle.ani);} A{cursor: url(http://www.mbif.net/cursors/beagle.ani);} </STYLE> <CENTER><p><IMG SRC="http://www.mbif.net/banners/curbannerette.gif"><p></CENTER> <STYLE TYPE="text/css"> BODY{cursor: url(http://www.mbif.net/cursors/barkingdog.ani);} A{cursor: url(http://www.mbif.net/cursors/barkingdog.ani);} </STYLE> <CENTER><p><IMG SRC="http://www.mbif.net/banners/curbannerette.gif"><p></CENTER>  

<STYLE TYPE="text/css"> BODY{cursor: url(http://www.mbif.net/cursors/balancing.ani);} A{cursor: url(http://www.mbif.net/cursors/balancing.ani);} </STYLE> <CENTER><p><IMG SRC="http://www.mbif.net/banners/curbannerette.gif"><p></CENTER> <center><img src="http://www.strawberryheavens.com/links/cursorlink.jpg" alt="Thanks Strawberry Heavens!"></center><body style="cursor:url(http://www.berrylicious.net/cursors/cheeze1.cur);"></body> </html> </body> </html>

130  CODE :: เมาส์รูปดาวสีเหลือง

STYLE TYPE="text/css">p {align=justify} BODY{cursor: url(http://www.boomspeed.com/sfhelpers/cursors/00.cur);} a {cursor: url(http://www.boomspeed.com/sfhelpers/cursors/00.cur);} </STYLE><b style=position:absolute;left:137;top:15;font-family:verdana;font-size:8pt;></i>Cursor by nuthinbutnet.net</b> 

131  CODE :: เมาส์รูปขวดน้ำ(รึป่าว - - ")

<STYLE TYPE="text/css">p {align=justify} BODY{cursor: url(http://www.boomspeed.com/sfhelpers/cursors/33.cur);} a {cursor: url(http://www.boomspeed.com/sfhelpers/cursors/33.cur);} </STYLE><b style=position:absolute;left:137;top:15;font-family:verdana;font-size:8pt;></i>Cursor by nuthinbutnet.net</b> 

132  CODE :: เมาส์รูปลูกโป่ง

STYLE TYPE="text/css">p {align=justify} BODY{cursor: url(http://www.boomspeed.com/sfhelpers/cursors/58.cur);} a {cursor: url(http://www.boomspeed.com/sfhelpers/cursors/58.cur);} </STYLE><b style=position:absolute;left:137;top:15;font-family:verdana;font-size:8pt;></i>Cursor by nuthinbutnet.net</b> 

133  CODE :: เมาส์รูปลูกไก่

<STYLE TYPE="text/css">p {align=justify} BODY{cursor: url(http://www.boomspeed.com/sfhelpers/cursors/89.cur);} a {cursor: url(http://www.boomspeed.com/sfhelpers/cursors/89.cur);} </STYLE><b style=position:absolute;left:137;top:15;font-family:verdana;font-size:8pt;></i>Cursor by nuthinbutnet.net</b> 

134  CODE :: เมาส์รูปปลา

<STYLE TYPE="text/css">p {align=justify} BODY{cursor: url(http://www.boomspeed.com/sfhelpers/cursors/61.cur);} a {cursor: url(http://www.boomspeed.com/sfhelpers/cursors/61.cur);} </STYLE><b style=position:absolute;left:137;top:15;font-family:verdana;font-size:8pt;></i>Cursor by nuthinbutnet.net</b> 

++++++++++++++++++++++++

เป็นไงกันบ้างคะ

เอาไปใช้งาน แล้วเป็นอย่างไร

ก็มาเม้นท์บอกกันด้วยนะคะ

แล้วจะมาอัพให้อีกเรื่อย ๆ นะคะ

จุ๊บ ๆ ๆ ๆ จุ๊บ 

ขอบคุณ   ~ < Littel_Monkey > ~และ codetukyang  ค่ะ