ค้นหาทุกอย่างในเว็บครูบ้านนอก :
ชุมชนครู บุคลากรทางการศึกษา และนักเรียน แหล่งความรู้สำหรับครู นักเรียน ข่าวการศึกษา ห้องสมุดความรู้ทุกกลุ่มสาระการเรียนรู้ และความรู้ทั่วไป เผยแพร่ผลงานวิชาการ ที่นี่


ข่าวการศึกษา     ความรู้ทั่วไป     งานราชการ/รัฐวิสาหกิจ/บริการสังคมเรื่องราวจากสมาชิก  ▶ ข่าว/บทความ ▶ หน้าแรก

ทำภาพในเว็บให้ขยับเขยื้อนกันหน่อย


เรื่องราวจากสมาชิก เปิดอ่าน : 7,411 ครั้ง
Advertisement

ทำภาพในเว็บให้ขยับเขยื้อนกันหน่อย

Advertisement

หลายท่านสงสัยเมล์มาถามว่าทำภาพเขย่าๆ เหมือนเวลาที่ท่านเอาเมาส์ชี้ที่รูปภาพ ก่อนคลิกเข้ามาอ่าน BLOG นี้ล่ะครับ เลยเอาโค้ดมาให้ท่านได้ลองทำเว็บท่านให้มีชีวิตชีวามากขึ้นกันดีกว่า

1. คัดลอกโค้ดนี้ไปวางในส่วนของ <head>.....</head> ในไฟล์ html หรือ php ของท่านครับ

<style>
.shakeimage{
position:relative
}
</style>
<script language="JavaScript1.2">

/*
Shake image script (onMouseover)-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/

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

 

2. เวลาจะทำภาพให้กระดุกกระดิกตอนเอาเมาส์ไปชี้ ก็ใส่โค้ดนี้ในแท็ก <img> ครับ

class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);"

ตัวอย่างการใส่

<img src="kroobannok.gif" class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);">

 

ลองทำดูนะครับรับรองเว็บดูมีสีสันมากขึ้นแน่ๆ ครับ

โพสต์โดยสมาชิกหมายเลข 2 วันที่ 1 ส.ค. 2551


ทำภาพในเว็บให้ขยับเขยื้อนกันหน่อย

Advertisement

≡ เรื่องอื่นๆ ที่น่าอ่าน ≡

กลอนเพราะๆ

กลอนเพราะๆ


เปิดอ่าน 7,144 ครั้ง
หลวงพ่อยิ้ม

หลวงพ่อยิ้ม


เปิดอ่าน 7,139 ครั้ง
กินอาหารตามกรุ๊ปเลือด

กินอาหารตามกรุ๊ปเลือด


เปิดอ่าน 7,136 ครั้ง
คู่ซี้

คู่ซี้


เปิดอ่าน 7,140 ครั้ง
ลักษณะเด่นของภาษาไทย

ลักษณะเด่นของภาษาไทย


เปิดอ่าน 7,776 ครั้ง
แนะวิธีตรวจนมโรงเรียน

แนะวิธีตรวจนมโรงเรียน


เปิดอ่าน 7,191 ครั้ง
กล้ำกลืน   พัชรา แวงวรรณ

กล้ำกลืน พัชรา แวงวรรณ


เปิดอ่าน 7,138 ครั้ง
นวัตกรรมคุณครูอัมพา

นวัตกรรมคุณครูอัมพา


เปิดอ่าน 7,141 ครั้ง
ยางรัดผม..... ลดพุง

ยางรัดผม..... ลดพุง


เปิดอ่าน 7,140 ครั้ง

:: เรื่องปักหมุด ::

ประโยชน์ของพริกป่น

ประโยชน์ของพริกป่น

เปิดอ่าน 7,149 ☕ คลิกอ่านเลย

Advertisement

≡ เรื่องน่าสนใจในหมวดหมู่นี้ ≡
ศิลปะจาก...ช็อคโกแลต     ผลงานที่ได้รับรางวัลชนะเลิศ "Let
ศิลปะจาก...ช็อคโกแลต ผลงานที่ได้รับรางวัลชนะเลิศ "Let's have fun"
เปิดอ่าน 7,146 ☕ คลิกอ่านเลย

แบบทดสอบ Pre,,,,,,,วิชาEnglish
แบบทดสอบ Pre,,,,,,,วิชาEnglish
เปิดอ่าน 7,136 ☕ คลิกอ่านเลย

Beauty Tips : สูตรพอกหน้าหนุ่มๆ(พิเศษ สำหรับคุณชานเมือง)
Beauty Tips : สูตรพอกหน้าหนุ่มๆ(พิเศษ สำหรับคุณชานเมือง)
เปิดอ่าน 7,138 ☕ คลิกอ่านเลย

 สัตว์ประหลาดหัวเหมือนคนลำตัวเป็นงู!!!>>พระดัง จับพิรุธคลิป"งูหัวคน"ชี้ภาพแข็งไร้ชีวิต
สัตว์ประหลาดหัวเหมือนคนลำตัวเป็นงู!!!>>พระดัง จับพิรุธคลิป"งูหัวคน"ชี้ภาพแข็งไร้ชีวิต
เปิดอ่าน 7,139 ☕ คลิกอ่านเลย

พันธบัตรเงินกู้ช่วยชาติ พ.ศ.2483(ภาคความรู้การเงิน-ธนาคาร)
พันธบัตรเงินกู้ช่วยชาติ พ.ศ.2483(ภาคความรู้การเงิน-ธนาคาร)
เปิดอ่าน 7,146 ☕ คลิกอ่านเลย

 พบเศียรพระอายุกว่า 100 ปีที่ถูกขโมย...
พบเศียรพระอายุกว่า 100 ปีที่ถูกขโมย...
เปิดอ่าน 7,140 ☕ คลิกอ่านเลย

≡ เรื่องน่าอ่าน/สาระน่ารู้ ≡

ดูทีวีเวลานอน...ผู้ใหญ่เสี่ยงโรค-เด็กเสี่ยงโง่
ดูทีวีเวลานอน...ผู้ใหญ่เสี่ยงโรค-เด็กเสี่ยงโง่
เปิดอ่าน 19,555 ครั้ง

สื่อดังระดับโลกแห่ยกย่อง "โน้ต วีรฉัตร" ตีกลองกับภาพวาดกำแพง คนต่างชาติทึ่งความสามารถศิลปินไทย
สื่อดังระดับโลกแห่ยกย่อง "โน้ต วีรฉัตร" ตีกลองกับภาพวาดกำแพง คนต่างชาติทึ่งความสามารถศิลปินไทย
เปิดอ่าน 21,748 ครั้ง

6 วิธีรับปีใหม่แบบเฮงๆ จัดกระเป๋าสตางค์รับเงินไหล ใส่เสื้อ 5 สีมงคล
6 วิธีรับปีใหม่แบบเฮงๆ จัดกระเป๋าสตางค์รับเงินไหล ใส่เสื้อ 5 สีมงคล
เปิดอ่าน 26,737 ครั้ง

10 เรื่องมหัศจรรย์เกี่ยวกับไข่ ที่คุณสามารถทำเอง เอาไว้สอนเด็กได้
10 เรื่องมหัศจรรย์เกี่ยวกับไข่ ที่คุณสามารถทำเอง เอาไว้สอนเด็กได้
เปิดอ่าน 19,412 ครั้ง

น้ำส้มคั้นที่คุณดื่ม...จริงหรือปลอม?
น้ำส้มคั้นที่คุณดื่ม...จริงหรือปลอม?
เปิดอ่าน 13,968 ครั้ง

เกมส์ รวมเกมส์สนุกๆ มากมาย
สนามเด็กเล่น

แหล่งรวมเกมส์ เกมส์ให้เล่นมากมาย ศูนย์รวมเกมส์สนุกๆ เกมส์ความรู้ เกมส์ลับสมอง เกมส์ประลองยุทธ แหล่งรวบรวมข้อมูล เกมส์ เกมส์ออนไลน์ เกมส์มันๆ เกมส์ตัดผม ไว้มากมายที่นี่ ให้เด็กๆได้เลือกเล่นมากมาย คลิกเลย

 
หมวดหมู่เนื้อหา
เนื้อหา แยกตามหมวดหมู่ สามารถเลืออ่านได้ตามหมวดหมู่ที่นี่


· Technology
· บทความเทคโนโลยีการศึกษา
· e-Learning
· Graphics & Multimedia
· OpenSource & Freeware
· ซอฟต์แวร์แนะนำ
· การถ่ายภาพ
· Hot Issue
· Research Library
· Questions in ETC
· แวดวงนักเทคโนฯ

· ความรู้ทั่วไป
· คณิตศาสตร์
· วิทยาศาสตร์และเทคโนโลยี
· ภาษาต่างประเทศ
· ภาษาไทย
· สุขศึกษาและพลศึกษา
· สังคมศึกษา ศาสนาฯ
· ศิลปศึกษาและดนตรี
· การงานอาชีพ

· ข่าวการศึกษา
· ข่าวตามกระแสสังคม
· งาน/บริการสังคม
· คลิปวิดีโอยอดนิยม
· เกมส์
· เกมส์ฝึกสมอง

· ทฤษฎีทางการศึกษา
· บทความการศึกษา
· การวิจัยทางการศึกษา
· คุณครูควรรู้ไว้
· เตรียมประเมินวิทยฐานะ
· ผลงานวิชาการเล่มเต็ม
· เครื่องมือสำหรับครู

ครูบ้านนอกดอทคอม

เว็บไซต์เพื่อครู ข่าวการศึกษา ความรู้ การศึกษาไทย

      kroobannok.com

© 2000-2020 Kroobannok.com  
All rights reserved.


Design by : kroobannok.com


ครูบ้านนอกดอทคอม
การจัดอันดับของ Truehits Web Directory

วิธีนำแบนเนอร์ของครูบ้านนอก.คอมไปแปะในเว็บท่าน บันทึกภาพแบนเนอร์นี้และลิงค์มาที่เราครับ (มีแบนเนอร์ 2 แบบ)
 

ครูบ้านนอกดอทคอม เว็บไซต์ของครูตัวเล็กๆ คนหนึ่ง ที่หวังเพียง ใช้เป็นช่องทางในการสื่อสาร แลกเปลี่ยน เพิ่มพูนความรู้ และให้ข่าวสาร ที่ทันสมัยต่อเหตุการณ์แก่คุณครู ผู้ปฏิบัติงานในทุกพื้นที่ของประเทศไทย เพื่อความเจริญงอกงามในปัญญา และเจริญก้าวหน้าในวิชาชีพ

เว็บนี้ถือกำเนิดเมื่อ 5 มกราคม 2548

Email : kornkham@hotmail.com
Tel : 096-7158383

สนใจสนับสนุนเรา โดยลงโฆษณา
คลิกดูรายละเอียดที่นี่ครับ