ParaSamoN
Location :
ปทุมธานี Thailand

[ดู Profile ทั้งหมด]

ให้ทิปเจ้าของ Blog [?]
ฝากข้อความหลังไมค์
Rss Feed
Smember
ผู้ติดตามบล็อก : 2 คน [?]




Group Blog
 
 
เมษายน 2550
1234567
891011121314
15161718192021
22232425262728
2930 
 
26 เมษายน 2550
 
All Blogs
 
Friends' blogs
[Add ParaSamoN's blog to your web]
Links
 

 
۞ ◊ แจก Code น่าใช้มากมายPart 1◊ ۞

۞ ◊ แจก Code น่าใช้มากมายPart 1◊ ۞






ลองนำเอาไปปรับใช้กันดูผมยัดใส่เต็ม Blog แล้วครับ(ห้ามใส่เกิน 40000 ตัวอักษร)คงต้องมีต่อรอบ 2
ขอให้สนุกกับหารสร้างสรรค์ผลงานนะครับแล้วว่างๆผมจะไปชม Blog ของท่านบ้าง ตอนนี้ยัดใส่ได้แค่ 33 Code ยังมีอีกบานเลย รอบ 2 มีลงอีกแน่ๆ
ครั้งนี้นำไปปรับใช้ก่อนนะครับ กับ Part 1


ลำดับของ Code


ลำดับของ Code



01.ใส่ background เฉพาะกลางของเนื้อหา

02.ชี้ลิ้งค์กลับด้าน

03.เปลี่ยนสีลิ้งค์ทั้งหมด

04.ตัวหนังสือห่างกันทั้งบล๊อค

05.ทำให้รูปไม่มีกรอบสีฟ้า

06.บอกว่าเคยเข้า Blog นี้มากี่ครั้งแล้ว

07.คลิก Mouse ขวา แล้วไม่มีอะไรขึ้น

08.กรอบข้อความ

09.ข้อความต้อนรับ

10.ข้อความบอกลา

11.ชี้ลิ้งค์แล้วมีกรอบ

12.ถามอายุเวลาเข้า

13.เปลี่ยน Logo Bloggang

14.ข้อความร่วงลงมา

16.ข้อความวิ่งด้านบน

17.ข้อความวิ่งไม่มีพื้นหลัง

18.ข้อความวิ่งแบบมีพื้นหลัง

19.ข้อความที่เลื่อนบนหัวบล๊อค

20.ลิ้งค์กระพริบ

21.บล็อคใส

22.กรอบปฏิทิน

23.ภาพลอยออกจากกล่องคอมเม้น

24.ข้อความตอนเมาส์นิ่ง

25.คลิกขวามี POP UP

26.STATUS BAR โหลดเปนเปอร์เซ็น

27.ภาพลอยออกจากกล่องคอมเม้น

28.ลิ้งค์จาง

29.อักษรขึ้นทีละตัว

30.ห้ามคลุมแถบดำ

31. เมาส์บวก

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

33.ทำฝนตกในหน้าเวป





- 01 - ใส่ background เฉพาะกลางของเนื้อหา



<center><table style="background:none url(..Urlของรูป..);";cellpadding="10" cellspacing="20"><tr><td

align=none>ข้อความที่ต้องการ</td></tr></table>


- 02 - ชี้ลิ้งค์กลับด้าน



<STYLE TYPE="TEXT/CSS"><!--
a:link { color: โค้ดสี; text-decoration: none}
a:visited { color: โค้ดสี; text-decoration: none}
a:active { color: โค้ดสี; text-decoration: none}
a:hover { color: โค้ดสี; text-decoration: none;FILTER:fliph;
HEIGHT:0}
//--></STYLE>


- 03 - เปลี่ยนสีลิ้งค์ทั้งหมด



<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>


- 04 - ตัวหนังสือห่างกันทั้งบล๊อค




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

เลขยิ่งมากยิ่งห่างมาก



- 05 - ทำให้รูปไม่มีกรอบสีฟ้า



<style>timg {border: none;}</style>




- 06 - บอกว่าเคยเข้า Blog นี้มากี่ครั้งแล้ว





<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>



- 07 - คลิก Mouse ขวา แล้วไม่มีอะไรขึ้น




<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>



- 08 - กรอบข้อความ




<fieldset style="border:1px solid #FF0000; padding:10;"><legend align="left"><font color="#FF0000"><font size=3>..ข้อความ1..
</size></font>
</legend>
ข้อความ2
</fieldset>

เหมือนตัวอย่างที่ใช้ในกรอบนี้นะครับ สีแดงคือ ข้อความ1



- 09 - ข้อความต้อนรับ



<script language="JavaScript">
function loadalert ()
{alert(" ข้อความ ")
}
loadalert()
</script>



- 10 - ข้อความบอกลา



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




- 11 - ชี้ลิ้งค์แล้วมีกรอบ



<STYLE type="text/css"><!--a:hover {border-width : 3px;border-style : dotted;border-color :
ใส่สีที่ต้องการ; }--></STYLE>

ตรง border-width สามารถปรับได้ จะทำให้จุดเล็กใหญ่ได้โดยการเพิ่มลดจำนวนเลขเอาครับ



- 12 - ถามอายุเวลาเข้า



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



- 13 - เปลี่ยน Logo Bloggang



<script>document.images[0].src = "..ใส่ Url ของรูปครับ..
"; document.images[0].width =900; document.images[0].height =147 </script>

width คือความกว้างของภาพ
height คือความสูงของภาพ
โดยเราสามารถใส่ค่ากำหนดขนาดได้ โดยการใส่เลขลงไปทั้ง 2 ตัวครับ



- 14 - ข้อความร่วงลงมา




<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>



- 15 - ข้อความตามเมาส์




<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;i2document.layers[temp].visibility="hide" clearTimeout(jumpstart) } } }
window.onload=move; //--> </SCRIPT>



- 16 - ข้อความวิ่งด้านบน



<!--www.houvthak.com -->
< cript 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>



- 17 - ข้อความวิ่งไม่มีพื้นหลัง



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

สามารถปรับสีและขนาดตัวอักษรได้




- 18 - ข้อความวิ่งแบบมีพื้นหลัง



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



- 19 - ข้อความที่เลื่อนบนหัวบล๊อค



<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>



- 20 - ลิ้งค์กระพริบ



<!--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 -->



- 21 - บล็อคใส



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



- 22 - กรอบปฏิทิน



<style>

calendarHeader {
background:red;
}
.calendarToday {
font-weight: bold;
background:grey;
}
.calendar {
border:1px solid #cccccc;
}

</style>

</body>
</html>
</body>
</html>




- 23 - ภาพลอยออกจากกล่องคอมเม้น




<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>




- 24 - ข้อความตอนเมาส์นิ่ง



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




- 25 - ข้อความตอนเมาส์นิ่ง



<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>



- 26 - 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>




- 27 - ภาพลอยออกจากกล่องคอมเม้น




<!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&ht
<!--
.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>



- 28 - ลิ้งค์จาง




<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>



- 29 - อักษรขึ้นทีละตัว



<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></span7gt</small>
</font>



- 30 - ห้ามคลุมแถบดำ



<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>



- 31 - เมาส์บวก



<STYLE type=text/css>

body {cursor:crosshair;}

</STYLE>



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



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



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




<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>



۩บทความอื่นที่มีความเกี่ยวข้อง۩


۞ ◊ Code น่าใช้มากมายPart 2◊ ۞








Create Date : 26 เมษายน 2550
Last Update : 26 พฤษภาคม 2550 2:12:15 น. 21 comments
Counter : 441 Pageviews.

 
อยากทราบวิธีเปลี่ยนข้อความ เรารักในหลวงอ่ะค่ะ

ลองทำแล้วไม่ได้อ่าค่ะ

ขอบคุณล่วงหน้าค่ะ ใจดีจังเยย


โดย: เวียงละกอน วันที่: 28 เมษายน 2550 เวลา:18:22:14 น.  

 
อยากทราบว่า ทำรูปในcomment
ทำยังไงคะ รบกวนแนะนำด้วยค่ะ ขอบคุณค่ะ


โดย: yanami วันที่: 29 เมษายน 2550 เวลา:18:05:28 น.  

 
ขอบคุณนะคะเป็นประโยชน์มากมายเลยค่ะจะลองนำไปใช้นะคะ


โดย: jayda IP: 203.113.80.13 วันที่: 29 เมษายน 2550 เวลา:22:04:38 น.  

 
ขอบคุณมากค่ะ ขอเอาไปใช้บ้างนะคะ


โดย: สุดที่รักของคนนั้น วันที่: 30 เมษายน 2550 เวลา:4:19:15 น.  

 
ขอบคุณมากเลยค่ะ


โดย: CherrYSuN วันที่: 30 เมษายน 2550 เวลา:18:43:09 น.  

 
ขอบคุณมากนะคะ สำหรับคำแนะนำ เดียวลองทำดูนะจ๊ะ ไว้จะมาเยี่ยม เรื่อยๆ นะ


โดย: yanami วันที่: 1 พฤษภาคม 2550 เวลา:8:24:33 น.  

 

Thank you ค่ะ



โดย: 4Lclover วันที่: 2 พฤษภาคม 2550 เวลา:0:35:36 น.  

 
ขอบคุณมากค่ะ
ขอเอาไปใช้บ้างล่ะนะคะ ^__^


โดย: =too= วันที่: 2 พฤษภาคม 2550 เวลา:10:56:00 น.  

 
ขอบคุณค่ะ ขอเอาไปใช้บ้างล่ะกันนะ


โดย: ..... (nangfa_naklom ) วันที่: 2 พฤษภาคม 2550 เวลา:16:20:40 น.  

 
มาขอฝนตกไปใช้ที่บลอกให้เข้ากับบรรยากาศด้วยคนค่ะ


โดย: แม่มดจิ๋ว วันที่: 3 พฤษภาคม 2550 เวลา:12:44:10 น.  

 
ขอบคุณมากๆค่า


โดย: เด็กน้อยขี้แย วันที่: 4 พฤษภาคม 2550 เวลา:14:05:52 น.  

 
มาขอรับสคริปท์ไปใช้บ้างค่ะ ขอบคุณที่แบ่งปัน
และขอแอดบลอกไปด้วยนะค่ะ


โดย: แม่มดจิ๋ว วันที่: 7 พฤษภาคม 2550 เวลา:10:27:36 น.  

 
ขอบคุณอย่างรุนแรงค่า


โดย: i am tabo วันที่: 9 พฤษภาคม 2550 เวลา:9:39:05 น.  

 
ขอด้วยคนนะคะ
ขอบคุณค่ะ


โดย: reunion วันที่: 11 พฤษภาคม 2550 เวลา:23:25:47 น.  

 
น่ารักๆทั้งนั้นเลยค่ะ
ขอด้วยนะคะ


โดย: Just A Happy Gal วันที่: 19 พฤษภาคม 2550 เวลา:18:03:37 น.  

 
เป็นประโยชน์มากๆ ขอยืมไปใช้นะคะ


โดย: นริวรา (นริวรา ) วันที่: 1 มิถุนายน 2550 เวลา:21:11:18 น.  

 


โดย: ray (ray_off ) วันที่: 12 สิงหาคม 2550 เวลา:0:02:46 น.  

 
อธิบายได้ชัดเจนมากเลยค่ะ ขอจิ๊กไปใช้หน่อยนะคะ ขอบคุณ ขอบใจ ขอบพระทัย Thank you.


โดย: ray (ray_off ) วันที่: 12 สิงหาคม 2550 เวลา:0:05:06 น.  

 
ขอบคุณมากค่ะ ใช้ไปหลายอันเลย


โดย: ต้นหอมผักชี วันที่: 19 สิงหาคม 2550 เวลา:21:42:07 น.  

 
ขอบคุณค่ะ บิวเอาข้อ 11 ไปแต่งบล๊อคตัวเองมั่ง แล้ววันหน้าจะมาเอา ทริป ดีๆ ไปใช้อีกน่ะค่ะ บ้าย บาย


โดย: บิว (pussadorn ) วันที่: 14 มกราคม 2551 เวลา:20:05:23 น.  

 


โดย: คนเดินดิน (หน้าใหม่อยากกรอบ ) วันที่: 11 สิงหาคม 2554 เวลา:15:43:42 น.  

ชื่อ :
Comment :
  *ใช้ code html ตกแต่งข้อความได้เฉพาะสมาชิก
 
รหัสส่งข้อความ
กรุณายืนยันรหัสส่งข้อความ
 Pantip.com | PantipMarket.com | Pantown.com | © 2004 BlogGang.com allrights reserved.