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


Advertisement

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

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


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

8,387

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

บ้านน็อคดาวน์ทรงโมเดิร์น

฿65,000

https://s.shopee.co.th/2Vm01N027C?share_channel_code=6


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

Advertisement

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

บทคัดย่อ

บทคัดย่อ


เปิดอ่าน 8,351 ครั้ง
จงอยู่ด้วย...ความหวัง

จงอยู่ด้วย...ความหวัง


เปิดอ่าน 8,403 ครั้ง
มาดู...ภูเขาสีชมพู

มาดู...ภูเขาสีชมพู


เปิดอ่าน 8,393 ครั้ง
GAT PAT  คือทางออกหรือ

GAT PAT คือทางออกหรือ


เปิดอ่าน 8,383 ครั้ง
ไร้สาระ 2

ไร้สาระ 2


เปิดอ่าน 8,352 ครั้ง
อนาคตของเราเรากำหนด

อนาคตของเราเรากำหนด


เปิดอ่าน 8,413 ครั้ง
ผู้หญิง...กลิ่น...คู่ครอง

ผู้หญิง...กลิ่น...คู่ครอง


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

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

พ่อมีอายุลูกอาจปัญญาไม่ดี

พ่อมีอายุลูกอาจปัญญาไม่ดี

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

Advertisement

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

บทความ การนิเทศ กระบวนการจัดการความรู้สู่ความเป็นเลิศ     Best  Practice
บทความ การนิเทศ กระบวนการจัดการความรู้สู่ความเป็นเลิศ Best Practice
เปิดอ่าน 8,496 ☕ คลิกอ่านเลย

คำถามที่ได้รับคำตอบแล้ว
คำถามที่ได้รับคำตอบแล้ว
เปิดอ่าน 8,367 ☕ คลิกอ่านเลย

ลี้ลับ.....ในลับแล
ลี้ลับ.....ในลับแล
เปิดอ่าน 8,401 ☕ คลิกอ่านเลย

ทำไมวันฮาโลวีนต้องมี "ฟักทอง" ????
ทำไมวันฮาโลวีนต้องมี "ฟักทอง" ????
เปิดอ่าน 8,485 ☕ คลิกอ่านเลย

จัดสังฆทานอย่างไร.....ให้ได้ประโยชน์
จัดสังฆทานอย่างไร.....ให้ได้ประโยชน์
เปิดอ่าน 8,440 ☕ คลิกอ่านเลย

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

6 เหตุผลน่าแปลกใจ ทำไมถึงนอนไม่หลับ
6 เหตุผลน่าแปลกใจ ทำไมถึงนอนไม่หลับ
เปิดอ่าน 13,643 ครั้ง

ขนส่งฯ แจ้ง เปลี่ยนทะเบียนแตกลายงา ฟรี! วันนี้ - 30 ก.ย. 56
ขนส่งฯ แจ้ง เปลี่ยนทะเบียนแตกลายงา ฟรี! วันนี้ - 30 ก.ย. 56
เปิดอ่าน 16,397 ครั้ง

ขจัดกลิ่นเท้าด้วยมะนาว
ขจัดกลิ่นเท้าด้วยมะนาว
เปิดอ่าน 12,418 ครั้ง

ดื่มล้างพิษ เพิ่มพลัง ตับ แข็งแรง
ดื่มล้างพิษ เพิ่มพลัง ตับ แข็งแรง
เปิดอ่าน 19,139 ครั้ง

แบบฟอร์มขอมีบัตรข้าราชการ ต่าง ๆ
แบบฟอร์มขอมีบัตรข้าราชการ ต่าง ๆ
เปิดอ่าน 96,362 ครั้ง

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

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

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


· 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

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