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


Advertisement

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

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


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

8,977

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

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

การบริหารงบประมาณ

การบริหารงบประมาณ


เปิดอ่าน 9,164 ครั้ง
คำภาษาอาหรับ

คำภาษาอาหรับ


เปิดอ่าน 9,098 ครั้ง
"ภาพข่าวแห่งทศวรรษ"

"ภาพข่าวแห่งทศวรรษ"


เปิดอ่าน 9,021 ครั้ง
*-* 30 ข้อดีของเหล้า*-*

*-* 30 ข้อดีของเหล้า*-*


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

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

เกร็ดความรู้แม่บ้าน...1

เกร็ดความรู้แม่บ้าน...1

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

Advertisement

≡ เรื่องน่าสนใจในหมวดหมู่นี้ ≡
โครงการ สุขภาพจิตคนไทย: มุมมองของประชาชนชาวอิสาน (งานวิจัย)
โครงการ สุขภาพจิตคนไทย: มุมมองของประชาชนชาวอิสาน (งานวิจัย)
เปิดอ่าน 8,958 ☕ คลิกอ่านเลย

การทำวิจัยชั้นเรียน
การทำวิจัยชั้นเรียน
เปิดอ่าน 8,943 ☕ คลิกอ่านเลย

จิตรกรรมสูงค่า จันทคราสชาดก ๒
จิตรกรรมสูงค่า จันทคราสชาดก ๒
เปิดอ่าน 8,950 ☕ คลิกอ่านเลย

กลอนวันแม่
กลอนวันแม่
เปิดอ่าน 8,984 ☕ คลิกอ่านเลย

สิ่งที่ทำให้คนเราแตกต่างกัน   ความรู้สึก...ตัว
สิ่งที่ทำให้คนเราแตกต่างกัน ความรู้สึก...ตัว
เปิดอ่าน 8,968 ☕ คลิกอ่านเลย

ทำเลแบบไหน........อยู่แล้ว ?รวย?
ทำเลแบบไหน........อยู่แล้ว ?รวย?
เปิดอ่าน 8,971 ☕ คลิกอ่านเลย

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

อย่าเลี้ยงลูกให้มีอำนาจ "เหนือพ่อแม่" By พญ.สาริณี
อย่าเลี้ยงลูกให้มีอำนาจ "เหนือพ่อแม่" By พญ.สาริณี
เปิดอ่าน 215,029 ครั้ง

8 วิธีคลายเครียดทันใจ
8 วิธีคลายเครียดทันใจ
เปิดอ่าน 14,155 ครั้ง

ศัลยกรรมพลิกชีวิต ในรายการวีไอพี
ศัลยกรรมพลิกชีวิต ในรายการวีไอพี
เปิดอ่าน 10,494 ครั้ง

ปฏิรูปการศึกษา คือ รากฐานของการปฏิรูปประเทศ โดย รศ.วุฒิชัย กปิลกาญจน์
ปฏิรูปการศึกษา คือ รากฐานของการปฏิรูปประเทศ โดย รศ.วุฒิชัย กปิลกาญจน์
เปิดอ่าน 12,717 ครั้ง

Nanmeebooks Reading Club ปีที่ 9
Nanmeebooks Reading Club ปีที่ 9
เปิดอ่าน 31,590 ครั้ง

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

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

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


· 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

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