นโยบายการจัดการความรู้ มหาวิทยาลัยสงขลานครินทร์ 1.ให้ใช้เครื่องมือการจัดการความรู้ผลักดัน คุณภาพคน และกระบวนทำงาน 2.ส่งเสริมการแลกเปลี่ยนประสบการณ์การทำงาน จากหน้างาน 3.ส่งเสริมให้มีเวทีเรียนรู้ร่วมกัน
อ่าน: 5289
ความเห็น: 15

การทำดอกซากุระตกใน Blog

ก็ copy code ด้านล่างนี้ทั้งหมด แล้วนำไปวาง เมนู "ตกแต่งบล็อก" อยากให้ blog ไหนมีซะกุระตก ก็เอาไปตกแต่ง blog นั้นครับ

ลองหา Code เก๋ ๆน่ารักๆ มาลองใช้กันครับ ก็ลองแล้วใช้ได้ดีครับ น่ารักดี เป็น ดอกซากุระ ตกลงใน blog

หากจะลองเอาไปเล่นกันดูก็ไม่เลวนะครับ ถือซะว่าเป็นการเรียนรู้การประยุกต์ใช้ blog ในแบบสดใสๆ กันครับ

วิธีการ
ก็ copy code ด้านล่างนี้ทั้งหมด แล้วนำไปวาง เมนู "แก้ไขบล็อก" อยากให้ blog ไหนมีซะกุระตก ก็เอาไปตกแต่ง blog นั้นครับ

ปล. code อาจจะยาวซักหน่อย ครับ แต่ "จะไม่ดีกว่าหรือกับการได้ลองในสิ่งที่ยังไม่เคยลอง ดีกว่ามานั่งมองแล้วจากไป"         


<!--- <!---start -->

     <script language="JavaScript">
<!-- fall Script Kurt Grigg - http://www.btinternet.com/~kurt.grigg/javascript

var isNetscape6=false;
if (navigator.appName == "Netscape" && parseFloat(navigator.appVersion) >= 60)
isNetscape6=true;

/*
This script has been disabled for
Netscape 6 due to ugly scrollbar
activety. Could probably be fixed
with a clipped container div but
can't be bothered.
*/

if (!isNetscape6){
num=10; //Smoothness depends on image file size, the smaller the size the more you can use!
stopafter=240; //seconds!


 
load=new Array();
for(i=0; i < pics.length; i++){
load[i]=new Image();
load[i].src=pics[i];
}
stopafter*=1000;
timer=null;
y=new Array();
x=new Array();
s=new Array();
s1=new Array();
s2=new Array();
if (document.layers){
for (i=0; i < num; i++){
randomleaf = pics[Math.floor(Math.random()*pics.length)];
document.write("<LAYER NAME='leaf"+i+"' LEFT=0 TOP=0><img src="+randomleaf+"></LAYER>");
}
}
if (document.all){
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < num; i++){
randomleaf = pics[Math.floor(Math.random()*pics.length)];
document.write('<img id="leaf'+i+'" src="'+randomleaf+'" style="position:absolute;top:0px;left:0px">');
}
document.write('</div></div>');
}
if (!document.all&&!document.layers){
for (i=0; i < num; i++){
randomleaf = pics[Math.floor(Math.random()*pics.length)];
document.write("<div id='leaf"+i+"' style='position:absolute;top:0px;left:0px'><img src="+randomleaf+"></div>");
}
}
inih=(document.all)?window.document.body.clientHeight:window.innerHeight-100;
iniw=(document.all)?window.document.body.clientWidth:window.innerWidth-100;
for (i=0; i < num; i++){
y[i]=Math.round(Math.random()*inih);
x[i]=Math.round(Math.random()*iniw);
s[i]=Math.random()*5+3;
s1[i]=0;
s2[i]=Math.random()*0.1+0.05;
}
function fall(){
h=(document.all)?window.document.body.clientHeight:window.innerHeight;
w=(document.all)?window.document.body.clientWidth:window.innerWidth;
scy=(document.all)?document.body.scrollTop:window.pageYOffset;
scx=(document.all)?document.body.scrollLeft:window.pageXOffset;
for (i=0; i < num; i++){
sy=s[i]*Math.sin(90*Math.PI/180);
sx=s[i]*Math.cos(s1[i]);
y[i]+=sy;
x[i]+=sx;
if (y[i] > h){
y[i]=-60;
x[i]=Math.round(Math.random()*w);
s[i]=Math.random()*5+3;
}
s1[i]+=s2[i];
if (document.layers){
document.layers["leaf"+i].left=x[i];
document.layers["leaf"+i].top=y[i]+scy;
}
else{
document.getElementById("leaf"+i).style.left=x[i];
document.getElementById("leaf"+i).style.top=y[i]+scy;
}
}
timer=setTimeout('fall()',80);
}
fall();

function dsbl(){
for (i=0; i < num; i++){
if (document.layers)
document.layers["leaf"+i].visibility="hide";
else
document.getElementById("leaf"+i).style.visibility="hidden";
}
clearTimeout(timer);
}
setTimeout('dsbl()',stopafter);
}
//-->
</script> <script src="http://www.geocities.com/sweety21st/sakura.js"></script>

หมวดหมู่บันทึก: เรื่องทั่วไป
สัญญาอนุญาต: สงวนสิทธิ์ทุกประการ Copyright
สร้าง: 05 ธันวาคม 2550 22:59 แก้ไข: 13 มิถุนายน 2552 20:23 [ แจ้งไม่เหมาะสม ]
ดอกไม้
สมาชิกที่ให้กำลังใจ
 
Facebook
Twitter
Google

บันทึกอื่นๆ

ความเห็น

ขอไปใช้มั้งน่ะครับพี่ชาย  แหมมาเขียนบล๊อกซะดึกเลยนะสงสัยคงรอให้น้องโบว์หลับแน่ๆเลย 

ขอบคุณนะคะ  มีโค้ดเปลี่ยนเมาส์มั้ยคะ

เข้าไปชมดอกซากุระร่วงใน บล็อก ของ P kitty  แล้วละครับ ดีจังเลยครับ

แต่ลองเปิดเพลงไม่ยักกะดังอ่ะครับ สงสัยมีตำแหน่ง link ผิดพลาดมั้งครับ ลองตรวจสอบดูนะครับ

ส่วนโค้ด เปลี่ยนเมาสฝืนี่ก็น่าสนใจครับ เดี๋ยวจะลองสืบเสาะหากันมาดูนะครับ แต่ถ้าใครมีอยู่แล้วก็เอามาแบ่งปันกันได้นะครับ             ถือซะว่าเป็นการเรียนรู้การใช้ใช้ code โดยใช้ บล็อก เป็นโจทน์นะครับ

Ico48
practiser [IP: 203.172.178.164]
07 ธันวาคม 2550 17:52
#3911

ขอนำไปใช้นะคะ กำลังหัดตกแต่งบล็อกอยู่ ได้นำคำแนะนำไปใช้ ที่นี่ ค่ะ สวยถูกใจ และเข้ากับเทศกาลด้วย ขอบคุณมากนะคะ

ขอบคุณมากค่ะ ได้ความรู้เพิ่มเตมเยอะเลยค่ะ วันนี้เพิ่งลองใช้งาน Blog ค่ะ ยังงงๆอยู่นิดหน่อยแต่ลองใช้แล้วสนุกดีค่ะ ..

 

ชอบจังที่บอกว่าสนุกดี เพราะผมก็สนุกดีเช่นกันครับ

เห็นไหมละความสนุกที่มาพร้อมกับการเรียนรู้ อย่างนี้จะเรียกว่า Play & Learn ได้ไหมนี่ อิอิ

Ico48
น้ำผึ้งหลวง [IP: 203.113.36.14]
27 ธันวาคม 2550 01:00
#7045

ขอยืมไปใช้ด้วยคนนะคะ    ที่อยู่ด้านล่างค่ะ

http://learners.in.th/blog/phatt-eer5402 ,  http://learners.in.th/blog/phatt-eti5301  

 ต้องขอขอบคุณมาก  สำหรับความรู้เพิ่มเติมในการตกแต่ง blog คะ   เห็นผีเสื้อก็น่ารักดีค่ะ  หวังว่าคงได้รับความรู้เพิ่มเติมเรื่อย ๆ นะคะ

 

 

 

เรื่อง curser หรือ ตัวชี้(เมาส์) ตอนนี้กำลังเก็บรวบรวมข้อมูลและตัวอย่างอยู่ครับ แล้วจะนำมาแนะนำในบันทึกต่อไปครับ เกี่ยวกับการตกแต่งเมาส์ หรือ curser ครับ
เข้าไปเยิ่ยมชม blog ของอาจารย์ น้ำผึ้งหลวง  แล้วครับ แต่งเพิ่มเติมได้สวยงามมากครับ หากมีอะไรใหม่ๆ ก็มาแนะนำกันดว้ยนะคัรบ
Ico48
ฟ้าใส [IP: 58.147.74.4]
29 Febuary 2008 09:39
#22689

เจ๋งมากเลยค่ะ เป็นมือใหม่หัดใช้ค่ะ  ขออนุญาติเรียนรู้ไปด้วยน่ะ ช่วยอธิบายวิธีนำไปใช้ให้ละเอียดกว่านีหน่อยได้ป่าวค่ะ ทำไม่เป็นอะค่ะ

สวัสดีค่ะ เข้ามาแลกเปลี่ยนเรียนรู้ด้วยคน ตอนนี้บล็อกตัวเองมีซากุระโปรยปรายแล้วค่ะ ขอบคุณมากนะคะ ^_^
Cutie Garn เข้าไปแวะชมดอกซากุระแล้วนะครับ
   ขอบคุณมาก ๆ เลยค่ะ  เพิ่งเข้ามาหัดทำบล๊อกครั้งแรกค่ะ  ได้ดอกซากุระสวย ๆ มาประดับบล๊อก เห็นแล้วชื่นใจดีค่ะ  ขอบคุณอีกครั้งค่ะ
Ico48
เสาวนีย์ [IP: 58.10.93.232]
03 สิงหาคม 2552 10:49
#46922
ขอความกรุณาช่วยบอกวิธีการนำ  โค้ดไปวางด้วยได้ไหมค่ะ  พอดีเอาไปว่างแล้วไม่ได้เลย  ไม่ว่าจะเป็นการเปลี่ยนหัวหรือไม่ก็การเอาโค้ดที่คุณให้ไปว่างมันไม่ขึ้นและไม่เกิดผลอะไรเลยค่ะ  อยากทราบว่ามันเป็นเพราะอะไรค่ะ

ลองดูแล้วละคัรบ

 

น่าจะเป้นเพราะ ตรง ที่ปลายทางมีการแก้ไขหรือเปลี่ยนแปลงอะไรบางอย่างครับ

<script src="http://www.geocities.com/sweety21st/sakura.js"></script>

ร่วมแสดงความเห็นในหน้านี้

ชื่อ:
อีเมล:
IP แอดเดรส: 3.235.137.159
ข้อความ:  
เรียกเครื่องมือจัดการข้อความ
   
ยกเลิก หรือ