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


Advertisement

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

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


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

8,429

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,563 ครั้ง
ด้วยรัก...และห่วงใย...

ด้วยรัก...และห่วงใย...


เปิดอ่าน 8,419 ครั้ง
"กราบพระหน้าคอมพ์"

"กราบพระหน้าคอมพ์"


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

...รักหรอก...หยอกเล่น


เปิดอ่าน 8,421 ครั้ง
ความหมายของ..Teachers

ความหมายของ..Teachers


เปิดอ่าน 9,562 ครั้ง
ฉันขอเป็นใบไม้ใบสุดท้าย

ฉันขอเป็นใบไม้ใบสุดท้าย


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

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

รู้จัก....อาหารมงคล....กินแล้วมีโชค

รู้จัก....อาหารมงคล....กินแล้วมีโชค

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

Advertisement

≡ เรื่องน่าสนใจในหมวดหมู่นี้ ≡
มาสร้างบุญบารมีกันเถอะ
มาสร้างบุญบารมีกันเถอะ
เปิดอ่าน 8,547 ☕ คลิกอ่านเลย

มงคลชีวิต 9 ประการ..หลักการปฏิบัติชีวิตให้มีสุข.
มงคลชีวิต 9 ประการ..หลักการปฏิบัติชีวิตให้มีสุข.
เปิดอ่าน 8,686 ☕ คลิกอ่านเลย

"ปัจจัยเสี่ยงมะเร็ง ปากมดลูก ทั้ง"หญิง และชาย"...
"ปัจจัยเสี่ยงมะเร็ง ปากมดลูก ทั้ง"หญิง และชาย"...
เปิดอ่าน 8,400 ☕ คลิกอ่านเลย

การฝึกสติ
การฝึกสติ
เปิดอ่าน 8,427 ☕ คลิกอ่านเลย

>>>...คุรุสภาจัดประกวดคำขวัญ"วันครู 2553 "
>>>...คุรุสภาจัดประกวดคำขวัญ"วันครู 2553 "
เปิดอ่าน 8,657 ☕ คลิกอ่านเลย

ทฤษฎีเรื่องกรุ๊ปเลือด
ทฤษฎีเรื่องกรุ๊ปเลือด
เปิดอ่าน 8,503 ☕ คลิกอ่านเลย

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

JobsDB แนะทริคสมัครงานสำหรับเด็กจบใหม่  ทำอย่างไรให้ HR สนใจเรียกสัมภาษณ์งาน
JobsDB แนะทริคสมัครงานสำหรับเด็กจบใหม่ ทำอย่างไรให้ HR สนใจเรียกสัมภาษณ์งาน
เปิดอ่าน 6,963 ครั้ง

ผลิตพืชอินทรีย์ / สมุนไพรกำจัดโรคและแมลง
ผลิตพืชอินทรีย์ / สมุนไพรกำจัดโรคและแมลง
เปิดอ่าน 17,507 ครั้ง

อยากลงทุนคอนโดติดรถไฟฟ้าไว้ปล่อยเช่า ย่านไหนสภาพคล่องสูง ?
อยากลงทุนคอนโดติดรถไฟฟ้าไว้ปล่อยเช่า ย่านไหนสภาพคล่องสูง ?
เปิดอ่าน 1,957 ครั้ง

ตารางธาตุ
ตารางธาตุ
เปิดอ่าน 74,839 ครั้ง

5 วิธีจัดฮวงจุ้ยโต๊ะทำงานรับปีไก่ 2017
5 วิธีจัดฮวงจุ้ยโต๊ะทำงานรับปีไก่ 2017
เปิดอ่าน 21,174 ครั้ง

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

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

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


· 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

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