ยินดีต้อนรับสู่เว็ปไซต์ดิจิตอล JAVASCRIPT
หน้าหลัก
ตัวอย่างจาวาสคริปต์
<script language="javascript"> // ENTER TEXT BELOW. CAN *NOT* INCLUDE NORMAL HTML CODE. var text='WELCOME'; var delay=10; // ตั้งค่าความเร็วในการกระเด้ง (ยิ่งเลขน้อยยิ่งเร็ว) var txtw=30; // ตั้งค่าความห่างระหว่างตัวอักษร var xoff=285; // ตำแหน่งให้แสดงตัวอักษรจากด้านบนซ้าย var yoff=5; // ตำแหน่งให้แสดงตัวอักษรจากด้านบน var sampleinc=0.3; var amplitude=35; // ความสูงที่ตัวอักษรษรกระเด้งถึง (ยิ่งเลขมากยิ่งสูง var mousefollow=false; var beghtml='<h1>'; var endhtml='</h1>'; //********** NO NEED TO EDIT BELOW HERE **********\\ ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false; ie4 = (document.all && !document.getElementById)? true : false; ie5 = (document.all && document.getElementById)? true : false; ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false; var txtA=new Array(); text=text.split(''); var t=''; var ex=sampleinc; var mousex=0; var mousey=0; for(i=1;i<=text.length;i++){ t+=(ns4)? '<layer name="txt'+i+'" top="-1000" left="0" width="'+txtw+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-1000px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">'; t+=beghtml+text[i-1]+endhtml; t+=(ns4)? '</layer>' : '</div>'; } document.write(t); function adjmousepos(evt){ mousex=xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX); mousey=yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY); } function getidleft(id){ if(ns4)return id.left; else return parseInt(id.style.left); } function getidtop(id){ if(ns4)return id.top; else return parseInt(id.style.top); } function getwindowwidth(){ if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft; else return window.innerWidth+pageXOffset; } function moveid(id,x,y){ if(ns4)id.moveTo(x,y); else{ id.style.left=x+'px'; id.style.top=y+'px'; }} function movetxts(){ for(i=text.length;i>1;i=i-1){ if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){ moveid(txtA[i-1],0,-1000); moveid(txtA[i],0,-1000); }else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1])); } moveid(txtA[1],x1,y1); ex=ex+sampleinc; } function movetxts(){ for(i=text.length;i>1;i=i-1){ if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){ moveid(txtA[i-1],0,-1000); moveid(txtA[i],0,-1000); }else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1])); } moveid(txtA[1],xoff+mousex,yoff+mousey+(Math.sin(ex)*amplitude)+Math.abs(amplitude)); ex=ex+sampleinc; } window.onload=function(){ for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i); setInterval('movetxts()',delay); if(mousefollow){ if(ns4)document.captureEvents(Event.MOUSEMOVE); document.onmousemove=adjmousepos; }} </script>
ตัวอย่าง
คลิกที่นี่
<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>
ตัวอย่าง
คลิกที่นี่
<form> <p align="center"> <input type=button value="ปิดหน้าต่างนี้" onClick="javascript:window.close();"> </form>
ตัวอย่าง
คลิกที่นี่
<SCRIPT LANGUAGE="JavaScript"> <!-- Begin alert("พิมพ์ข้อความที่จะทักทายที่นี่ครับ") // End --> </script>
ตัวอย่าง
คลิกที่น
ี่
<img id="reflect" src="ตำแหน่งของรูปที่ต้องการให้แสดงครับ"> <br> <script language="JavaScript"> function f1(){ setInterval("mdiv.filters.wave.phase+=10",100); } if (document.all){ document.write('<img id=mdiv src="'+document.all.reflect.src+'" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">') window.onload=f1 } </script>
ตัวอย่าง
คลิกที
นี่
JavaScript
JavaScript คืออะไร
ลักษณะการทำงานของ JavaScript
การทำงานร่วมกับ HTML
การเขียนโปรแกรมจาวาสคริปต์
รูปแบบของจาวาสคริปต์
การทำ Include ไฟล์
การใส่ Comment ใน JavaScript
ตัวแปร
การตั้งชื่อตัวแปร
ชนิดของตัวแแปร
ตัวแปรชนิดตัวเลข
Float
ตัวแปรชนิดตรรก
ตัวแปรชนิดข้อความ
สัญลักษณ์พิเศษ
ตัวแปรว่างเปล่า
ตารางผสมตัวแปรต่างชนิด
Function เปลี่ยนชนิดตัวแปร
Array
Array คืออะไร
การสร้าง Array แบบกำหนดค่าทันที
Statement
Statement คืออะไร
If...else
for
While
Do..While
สัญลักษณ์ที่ใช้ในการเปรียบเทียบ
Function
Function คืออะไร
Date Methods
Math Properties / Methods
คำสงวน
คำสงวนของภาษา JavaScript
ตัวอย่าง
ตัวอย่าง Javascript
ผู้จัดทำ
สมาชิกในกลุ่มและจุดประสงค์ของงาน
แหล่งอ้างอิง
เว็ปไซต์ที่อ้างอิง
แบบทดสอบ
แบบทดสอบชุดที่ 1