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


Advertisement

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

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


เรื่องราวจากสมาชิก

8,452

views
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

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

รณรงค์ไข้เลือดออก

รณรงค์ไข้เลือดออก


เปิดอ่าน 8,474 ครั้ง
๘  วิธีฟื้นฟูจิตใจ

๘ วิธีฟื้นฟูจิตใจ


เปิดอ่าน 8,518 ครั้ง
การวิจัยการอ่าน

การวิจัยการอ่าน


เปิดอ่าน 8,536 ครั้ง
รู้ไหม?ทำไมน้ำตกถึงสวย

รู้ไหม?ทำไมน้ำตกถึงสวย


เปิดอ่าน 8,490 ครั้ง
ห้องนอนน่าร้ากกก..

ห้องนอนน่าร้ากกก..


เปิดอ่าน 8,583 ครั้ง
ภาพลวงตา - ความคิดลวงใจ

ภาพลวงตา - ความคิดลวงใจ


เปิดอ่าน 8,503 ครั้ง
พจนานุกรม.....ของใจ

พจนานุกรม.....ของใจ


เปิดอ่าน 8,484 ครั้ง
ดูดวงตามวันเกิด (หญิง)

ดูดวงตามวันเกิด (หญิง)


เปิดอ่าน 8,576 ครั้ง

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

รูป รวม 10 ของหายาก ราคาสูงระดับโลก

รูป รวม 10 ของหายาก ราคาสูงระดับโลก

เปิดอ่าน 8,476 ☕ คลิกอ่านเลย

Advertisement

≡ เรื่องน่าสนใจในหมวดหมู่นี้ ≡
สองแขนที่ว่างเปล่า
สองแขนที่ว่างเปล่า
เปิดอ่าน 8,537 ☕ คลิกอ่านเลย

ผิวสวย หน้าใส.... ด้วยมะพร้าว
ผิวสวย หน้าใส.... ด้วยมะพร้าว
เปิดอ่าน 8,466 ☕ คลิกอ่านเลย

สิ่งของที่แพงที่สุดในโลก มีอะไรกันบ้าง .....มาดูเร้ว
สิ่งของที่แพงที่สุดในโลก มีอะไรกันบ้าง .....มาดูเร้ว
เปิดอ่าน 8,460 ☕ คลิกอ่านเลย

คิดดีๆ ที่ช่วยเพิ่มคุณค่าให้ชีวิต
คิดดีๆ ที่ช่วยเพิ่มคุณค่าให้ชีวิต
เปิดอ่าน 8,546 ☕ คลิกอ่านเลย

เรื่องของ ในหลวง ที่เรา(อาจ)ไม่เคยรู้‏ (ตอนที่ 6 รู้หรือไม่)
เรื่องของ ในหลวง ที่เรา(อาจ)ไม่เคยรู้‏ (ตอนที่ 6 รู้หรือไม่)
เปิดอ่าน 8,546 ☕ คลิกอ่านเลย

ระบบอินเตอร์เน็ตผ่านปลั๊กไฟตามบ้าน
ระบบอินเตอร์เน็ตผ่านปลั๊กไฟตามบ้าน
เปิดอ่าน 8,515 ☕ คลิกอ่านเลย

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

ประเภทของระบบภาพกราฟิก
ประเภทของระบบภาพกราฟิก
เปิดอ่าน 23,898 ครั้ง

6 ไอเดียเด็ดสื่อรักให้แม่ แบบไม่ต้องออกนอกกรุง
6 ไอเดียเด็ดสื่อรักให้แม่ แบบไม่ต้องออกนอกกรุง
เปิดอ่าน 10,623 ครั้ง

สมรรถนะหลัก 6 ด้าน
สมรรถนะหลัก 6 ด้าน
เปิดอ่าน 65,367 ครั้ง

คำนาม
คำนาม
เปิดอ่าน 63,558 ครั้ง

ผลสลากกินแบ่งรัฐบาล งวดประจำวันที่ 2 พฤษภาคม 2552
ผลสลากกินแบ่งรัฐบาล งวดประจำวันที่ 2 พฤษภาคม 2552
เปิดอ่าน 15,854 ครั้ง

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

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

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


· 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

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