Time Radio : October 2017

Monday, October 23, 2017

แจก JAVASCRIPT เกี่ยวกับ รูปภาพ ( 1 )

1.นำ MOUSE ไปชี้ที่รูปภาพแล้วภาพจะสั่นๆ

นำ MOUSE ไปชี้ที่รูปภาพแล้วภาพจะสั่นๆ

นำ CODE ด้านล่างไปไว้ที่ <head> ครับ

ต้องการให้แสดงรูปภาพที่ไหนก็นำ CODE ด้านล่างไปไว้ที่นั่นครับ <body> นะครับ

2.กรอบรูปเปลี่ยนสี

กรอบรูปเปลี่ยนสี

ต้องการให้แสดงที่ไหนก็นำ CODE ด้านล่างไปวางที่นั้นครับ <body> นะครับ

3.ห้าม SAVE รูปภาพ

ห้าม SAVE รูปภาพ

นำ CODE ด้านล่างไปไว้ที่ <body> ครับ

4.ทำรูปภาพเด้งไปมาสามารถสั่งให้หยุดเด้งได้

ทำรูปภาพเด้งไปมาสามารถสั่งให้หยุดเด้งได้

นำ CODE ด้านล่างไปไว้ที่ <body> ครับ

<div id="img" style="position:absolute;">
<img src="ตำแหน่งของรูปที่ต้องการให้เด้ง" onMouseDown="pauseResume();">
</div>
<script LANGUAGE="JavaScript">

</script>

5.มี CURSOR ของ MOUSE เด้งไปมาที่หน้าจอ

มี CURSOR ของ MOUSE เด้งไปมาที่หน้าจอ

ให้คุณ SAVE รูปประกอบไปด้วยครับ ด้านล่างนี้เลยครับ

นำ CODE ด้านล่างไปไว้ที่ <body> ครับ

if (document.layers)
{document.write("<layer NAME='PoInTeRs' LEFT=10 TOP=10><img src='"+cursorpath+"' width=17 height=22></LAYER>")}
else if (document.all){document.write("<div id='pOiNtErS' style='position:absolute;top:10px;left:10px;width:17px;height:22px;z-index:50'>
<img src='"+cursorpath+"' width=17 height=22></div>
")}

count=-1;                                                     
move=1;

function Curve(){
abc=new Array(0,1,1,1,2,3,4,0,6,-1,-1,-1,-2,-3,-4,0,-6)
for (i=0; i < abc.length; i++)
{var C=Math.round(Math.random()*[i])}
howbend=abc[C];
setTimeout('Curve()',1900);
return howbend;
}
ypos=10;
xpos=10;

degree = 60;
function MoveRandom(){
PathBend=degree+=howbend;//ok!
y = 4*Math.sin(PathBend*Math.PI/180);
x = 6*Math.cos(PathBend*Math.PI/180);
if (document.layers){
ypos+=y;
xpos+=x;
document.PoInTeRs.top=ypos+window.pageYOffset;
document.PoInTeRs.left=xpos+window.pageXOffset;
}
else if (document.all){
ypos+=y;
xpos+=x;
document.all.pOiNtErS.style.top=ypos+document.body.scrollTop;
document.all.pOiNtErS.style.left=xpos+document.body.scrollLeft;
}
T=setTimeout('MoveRandom()',50);
}
function edges(){
if (document.layers){
if (document.PoInTeRs.left >= window.innerWidth-40+window.pageXOffset)degree=Math.round(Math.random()*45+157.5);
if (document.PoInTeRs.top >= window.innerHeight-30+window.pageYOffset)degree=Math.round(Math.random()*45-112.5);
if (document.PoInTeRs.top <= 2+window.pageYOffset) degree = Math.round(Math.random()*45+67.5);//OK!
if (document.PoInTeRs.left <= 2+window.pageXOffset) degree = Math.round(Math.random()*45-22.5);//OK!
}
else if (document.all)
{
if (document.all.pOiNtErS.style.pixelLeft >= document.body.offsetWidth-45+document.body.scrollLeft)degree=Math.round(Math.random()*45+157.5);
if (document.all.pOiNtErS.style.pixelTop >= document.body.offsetHeight-35+document.body.scrollTop)degree=Math.round(Math.random()*45-112.5);
if (document.all.pOiNtErS.style.pixelTop <= 2+document.body.scrollTop) degree = Math.round(Math.random()*45+67.5);//OK!
if (document.all.pOiNtErS.style.pixelLeft <= 2+document.body.scrollLeft) degree = Math.round(Math.random()*45-22.5);//OK!
}
setTimeout('edges()',100);
}
function starteffect(){
Curve();
MoveRandom();// onUnload="opener.gO()"
edges();
}

if (document.all||document.layers)
window.onload=starteffect
</script>

6.เลื่อนรูปภาพไปซ้ายขวาได้โดยกดที่ Keyboard

เลื่อนรูปภาพไปซ้ายขวาได้โดยกดที่ Keyboard

นำ CODE ด้านล่างไปไว้ที่ <head> ครับ

นำ CODE ด้านล่างไปไว้ที่ <body> ครับ

เพิ่ม OnLoad="moveImage()" เข้าไปใน <body> ครับ เป็นแบบนี้ครับ

7.ทำรูปภาพให้มีเงาในน้ำ

ทำรูปภาพให้มีเงาในน้ำ

ต้องการให้แสดงรูปที่ไหนก็นำ CODE ด้านล่างไปไว้ที่นั่นครับ <body> นะครับ

8.ย่อ - ขยายรูป

ทำรูปภาพให้มีเงาในน้ำ

ต้องการให้แสดงรูปที่ไหนก็นำ CODE ด้านล่างไปไว้ที่นั่นครับ <body> นะครับ

9.ทำรูปวิ่งจากขวาไปซ้าย

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

ต้องการให้แสดงรูปที่ไหนก็นำ CODE ด้านล่างไปไว้ที่นั่นครับ <body> นะครับ

//กำหนดรูปที่ต้องการและ 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]+"  "

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>

10.รูปวิ่งจากขวาไปซ้ายตอน LOAD หน้าเสร็จ

รูปวิ่งจากขวาไปซ้ายตอน LOAD หน้าเสร็จ

นำ CODE ด้านล่างไปไว้ที่ <head> ครับ

ต้องการให้แสดงภาพที่ไหนก็นำ CODE ด้านล่างไปไว้ที่นั่นครับ <body> นะครับ

เพิ่ม onload="hdynAnimation()" เข้าไปใน <body> ครับ เป็นแบบนี้ครับ

Sunday, October 22, 2017

แจก JAVASCRIPT (เกี่ยวกับ ALERT)เป็นพวกคำเตือนต่างๆ

1.มีหน้าต่างขึ้นมาทักทายผู้ชมเวลาเข้ามา

มีหน้าต่างขึ้นมาทักทายผู้ชมเวลาเข้ามา

นำ CODE ด้านล่างไปไว้ที่ <head> ครับ

2.ถามว่าจะไป WEBSITE ที่เราตั้งไหมตอนเข้า

ถามว่าจะไป WEBSITE ที่เราตั้งไหมตอนเข้า

นำ CODE ด้านล่างไปไว้ที่ <head> ครับ

3.ถามอายุคนที่เข้ามาถ้าอายุไม่ถึงที่เรากำหนดก็อดเข้า

ถามอายุคนที่เข้ามาถ้าอายุไม่ถึงที่เรากำหนดก็อดเข้า

นำ CODE ด้านล่างไปไว้ที่ <head> ครับ

4.พอทำ HIGHLIGHT ข้อความแล้วจะมี POPUP มาบอกว่า HIGHLIGHT อะไรบ้าง

พอทำ HIGHLIGHT ข้อความแล้วจะมี POPUP มาบอก
ว่า HIGHLIGHT อะไรบ้าง

นำ CODE ด้านล่างไปไว้ที่ <head> ครับ

5.คลิ๊กที่ RADIO BUTTON แล้วมี POPUP

คลิ๊กที่ RADIO BUTTON แล้วมี POPUP

นำ CODE ด้านล่างไปไว้ในตำแหน่งที่ต้องการให้แสดงครับ <body> นะครับ

6.มี POPUP เมื่อเอา MOUSE ไปวางบนตัวอักษร

มี POPUP เมื่อเอา MOUSE ไปวางบนตัวอักษร

นำ CODE ด้านล่างไปไว้ในตำแหน่งที่ต้องการให้แสดงครับ <body> นะครับ

7.พอ LOAD เสร็จจะบอกว่าในหน้านั้นใช้เวลาในการ LOAD เท่าไร

พอ LOAD เสร็จจะบอกว่าในหน้านั้นใช้เวลาในการ LOAD เท่าไร

นำ CODE ด้านล่างไปไว้ที่ <head> ครับ

8.ตรวจรายละเอียดของคนที่เข้ามา

ตรวจรายละเอียดของคนที่เข้ามา

นำ CODE ด้านล่างไปไว้ที่ <head> ครับ

now.setHours(now.getHours()+1)
var min=60*now.getUTCHours()+now.getUTCMinutes() + now.getUTCSeconds()/60;
var internetTime=(min/1.44)
internetTime="Internet Time: @"+Math.floor(internetTime)

var clock = "ขณะนี้เวลา "+hours+":"+minutes+":"+seconds+" ครับ" 
var browser = "คุณใช้BROWSER " + navigator.appName +" "+navigator.appVersion
yourLocation="You are probably living in "+yourLocation

var winwidth= window.screen.width
var winheight= window.screen.height
var screenresolution= "Screen resolution: "+window.screen.width+" x "+window.screen.height
var lastdoc = "คุณเพิ่งมาจาก: "+document.referrer

var expDays = 30;
var exp = new Date(); 
exp.setTime(exp.getTime() + (expDays*24*60*60*1000));

function Who(info){
var VisitorName = GetCookie('VisitorName')
if (VisitorName == null) {
VisitorName = "stranger";
SetCookie ('VisitorName', VisitorName, exp);
}

return VisitorName;
}

function When(info){
// When
var rightNow = new Date()
var WWHTime = 0;
WWHTime = GetCookie('WWhenH')

WWHTime = WWHTime * 1
/*This part is written by 
Copyright 1996, IMA STUDIOS, Inc. 
This code may not be resold.
This Copyright notice must be included
on every document that contains this code. should
be included somewhere on your document. 
*/
var lastHereFormatting = new Date(WWHTime); // Date-i-fy that number
var intLastVisit = (lastHereFormatting.getYear() * 10000)+(lastHereFormatting.getMonth() * 100) + lastHereFormatting.getDate()
var lastHereInDateFormat = "" + lastHereFormatting; // Gotta use substring functions
var dayOfWeek = lastHereInDateFormat.substring(0,3)
var dateMonth = lastHereInDateFormat.substring(4,11)
var timeOfDay = lastHereInDateFormat.substring(11,16)
var year = lastHereInDateFormat.substring(23,25)
var WWHText = dayOfWeek + ", " + dateMonth + " at " + timeOfDay // display

SetCookie ("WWhenH", rightNow.getTime(), exp)

return WWHText;
}

function Count(info){
var psj=0;
// How many times
var WWHCount = GetCookie('WWHCount')
if (WWHCount == null) {
WWHCount = 0;
}
else{
WWHCount++;
}
SetCookie ('WWHCount', WWHCount, exp);

return WWHCount;
}

function set(){
VisitorName = prompt("Who are you?");
SetCookie ('VisitorName', VisitorName, exp);
SetCookie ('WWHCount', 0, exp);
SetCookie ('WWhenH', 0, exp);
}

// ********************* General Cookie handling *********************
// Cookie Functions - Second Helping (21-Jan-96)
// Written by: Bill Dortch, hIdaho Design
// The following functions are released to the public domain.

function getCookieVal (offset) { 
var endstr = document.cookie.indexOf (";", offset); 
if (endstr == -1) 
endstr = document.cookie.length; 
return unescape(document.cookie.substring(offset, endstr));
}

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); 
// This cookie is history 
var cval = GetCookie (name); 
document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();

}

var countvisits="คุณมาทั้งหมด " + Count() + " ครั้ง. ครั้งล่าสุดมาตอน " + When() +" ครับ"

if (navigator.javaEnabled()) {
var javaenabled="โปรแกรมท่องอินเตอร์เน็ตคุณสนับสนุน java-applets";
}

else {
var javaenabled="BROWSER ของคุณไม่สนับสนุน java-applets";
}

function showAlert() {
var later = new Date()
var millilater=later.getTime()/1000 
var loadTime=(Math.floor((millilater-millinow)*100))/100
var loadTimeResult= "ใช้เวลา "+loadTime+" วินาที ในการโหลดหน้านี้"
var babiesborn=Math.ceil(loadTime*4.18)
var babiesbornresult="While this page was loading "+babiesborn+" babies have been born"
if (babiesborn==1){babiesbornresult="While this page was loading "+babiesborn+" baby has been born"}

alert(newline+newline+browser+newline+clock+newline+loadTimeResult+newline+internetTime+newline+screenresolution+newline+lastdoc+newline+countvisits+newline+javaenabled+newline+babiesbornresult+newline+newline+"และทั้งหมดนี้คือข้อมูลของเครื่องคุณครับ"+newline+newline)
}

// -->
showAlert()
</script>

9.ทักทายตอนเข้ามาและถามชื่อแล้วแสดงชื่อในหน้า WEBPAGE

ตรวจรายละเอียดของคนที่เข้ามา

นำ CODE ด้านล่างไปไว้ที่ <head> ครับ

now.setHours(now.getHours()+1)
var min=60*now.getUTCHours()+now.getUTCMinutes() + now.getUTCSeconds()/60;
var internetTime=(min/1.44)
internetTime="Internet Time: @"+Math.floor(internetTime)

var expDays = 30;
var exp = new Date(); 
exp.setTime(exp.getTime() + (expDays*24*60*60*1000));

function Who(info){
var VisitorName = GetCookie('VisitorName')
if (VisitorName == null) {
VisitorName = "stranger";
SetCookie ('VisitorName', VisitorName, exp);
}

return VisitorName;
}

function When(info){
// When
var rightNow = new Date()
var WWHTime = 0;
WWHTime = GetCookie('WWhenH')

SetCookie ("WWhenH", rightNow.getTime(), exp)

return WWHText;
}

function Count(info){
var psj=0;
// How many times
var WWHCount = GetCookie('WWHCount')
if (WWHCount == null) {
WWHCount = 0;
}
else{
WWHCount++;
}
SetCookie ('WWHCount', WWHCount, exp);

return WWHCount;
}

function set(){
VisitorName = prompt("Who are you?");
SetCookie ('VisitorName', VisitorName, exp);
SetCookie ('WWHCount', 0, exp);
SetCookie ('WWhenH', 0, exp);
}

}

var countvisits="คุณมาทั้งหมด " + Count() + " ครั้ง. ครั้งล่าสุดมาตอน " + When() +" ครับ"

if (navigator.javaEnabled()) {
var javaenabled="โปรแกรมท่องอินเตอร์เน็ตคุณสนับสนุน java-applets";
}

else {
var javaenabled="BROWSER ของคุณไม่สนับสนุน java-applets";
}

// -->
showAlert()
</script>

10.ถามว่าจะตั้งหน้าที่เราตั้งให้เป็นหน้า HOME หรือไม่

ถามว่าจะตั้งหน้าที่เราตั้งให้เป็นหน้า HOME หรือไม่

เพิ่ม xmlns:ie เข้าไปใน <html> ครับ เป็นแบบด้านล่างนี้ครับ

นำ CODE ด้านล่างไปไว้ที่ <head> ครับ

แล้วเพิ่ม onload="page.setHomePage('http://www.yoururl.com')" เข้าไปใน <body> ครับ เป็นแบบด้านล่างนี้ครับ

11.ทำ ALERT มาบอกคนดูว่าเราจะ REDIRECT หน้า แล้วให้คนดูเลือก YES หรือ NO เพื่อไป

ทำ ALERT มาบอกคนดูว่าเราจะ REDIRECT หน้า แล้วให้คนดู
เลือก YES หรือ NO เพื่อไป

นำ CODE ด้านล่างไปไว้ที่ <head> ครับ

12.ทำหน้าต่างขึ้นมาแสดงว่าเรากำลังดูหน้าที่ใส่ CODE แบบ ONLINE หรือไม่

ทำหน้าต่างขึ้นมาแสดงว่าเรากำลังดูหน้าที่ใส่ CODE แบบ ONLINE หรือไม่

นำ CODE ด้านล่างไปไว้ที่ <head> ครับ

Saturday, October 21, 2017

50 ฟรี Font (แบบตัวอักษร) มืออาชีพ เพื่อใช้ในการออกแบบ

Font นั้นสื่อได้ทั้งอารมณ์ ความรู้สึก และลีลาของเรื่องได้ การเลือกใช้งานฟอนท์นั้นขึ้นอยุ่กับความเหมาะสม ในแต่ละการออกแบบ บางครั้งก็พบว่าในเอกสารเดียวกันนั้นมีการใช้ฟอนท์มากกว่า 1 รูปแบบเสมอ ฟอนท์ทุก ๆ ฟอนท์จะมีชื่อประจำตัวอยู่ เช่น Aril, CordiaUPC, JasmineUPC เป็นต้น ฟอนท์บางฟอนท์เป็นฟอนท์สากล คือ รู้จักกันอย่างแพร่หลาย แต่ฟอนท์หลาย ๆ ฟอนท์นั้นอาจรุ้จักในวงจำกัดเพราะฟอนท์ดังกล่าวได้ถูกออกแบบไว้
ดังนั้นการเลือก Font ที่ดีจะทำให้งานออกแบบดูดีและเป็นมืออาชีพมากชึ้น
ลองมาดู 50 ฟรี Font (แบบตัวอักษร) มืออาชีพ เพื่อใช้ในการออกแบบ และสามารถ Download ไปใช้ได้ฟรีเลย

Monday, October 23, 2017

แจก JAVASCRIPT เกี่ยวกับ รูปภาพ ( 1 )

Sunday, October 22, 2017

แจก JAVASCRIPT (เกี่ยวกับ ALERT)เป็นพวกคำเตือนต่างๆ

1.มีหน้าต่างขึ้นมาทักทายผู้ชมเวลาเข้ามา

2.ถามว่าจะไป WEBSITE ที่เราตั้งไหมตอนเข้า

3.ถามอายุคนที่เข้ามาถ้าอายุไม่ถึงที่เรากำหนดก็อดเข้า

4.พอทำ HIGHLIGHT ข้อความแล้วจะมี POPUP มาบอกว่า HIGHLIGHT อะไรบ้าง

5.คลิ๊กที่ RADIO BUTTON แล้วมี POPUP

6.มี POPUP เมื่อเอา MOUSE ไปวางบนตัวอักษร

7.พอ LOAD เสร็จจะบอกว่าในหน้านั้นใช้เวลาในการ LOAD เท่าไร

นำ CODE ด้านล่างไปไว้ที่ <head> ครับ

8.ตรวจรายละเอียดของคนที่เข้ามา

9.ทักทายตอนเข้ามาและถามชื่อแล้วแสดงชื่อในหน้า WEBPAGE

10.ถามว่าจะตั้งหน้าที่เราตั้งให้เป็นหน้า HOME หรือไม่

11.ทำ ALERT มาบอกคนดูว่าเราจะ REDIRECT หน้า แล้วให้คนดูเลือก YES หรือ NO เพื่อไป

12.ทำหน้าต่างขึ้นมาแสดงว่าเรากำลังดูหน้าที่ใส่ CODE แบบ ONLINE หรือไม่

Saturday, October 21, 2017

50 ฟรี Font (แบบตัวอักษร) มืออาชีพ เพื่อใช้ในการออกแบบ

ฟรีแบบตัวอักษร (Font) สวย ๆ เพื่อใช้ในการออกแบบ

01. PROMESH – A Athletic Font

02. Seshat

03. Fenix (Registration Required)

04. Scifly Sans

05. Passau

06. Prime

07. Sanchez Slab (Registration Required)

08. Shket

09. Rambla

10. Sunnyday

11. Abraham Lincoln

12. Multicolore

13. Quark

14. Myra

15. Libre Baskerville

16. Gatometrix

17. Eunomia

18. Zwodrei

19. Matchup

20. V.GER Grotesque

21. Higher

22. Subway

23. Speakeasy

24. COCO – Fashion Typefamily

25. Gangnam

26. Fengardo Neue

27. RIDGE

28. Pigopago

29. KanKin

30. Bispo Nova (Registration Required)

31. Hapna Mono

32. Magnolia

33. Prosto

34. MAGNA

35. Solid

36. Tribe

37. Dude

38. Pilaca

39. Brooklyn

40. Kelson Sans

41. NIEWE

42. Maw

43. Isaac Oplup

44. ZERB

45. Friendly Font

46. Figa

47. Sputnik

48. Prison Tattoo

49. Social Font Icons

50. Font Awesome More

Richard Diamond 49-05-01 (002) Diamond In the Rough (AFRS).autogenerated