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


Advertisement

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

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


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

8,473

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,510 ครั้ง
พิสูจน์น้ำผึ้ง

พิสูจน์น้ำผึ้ง


เปิดอ่าน 8,509 ครั้ง
7 สิ่งกินแล้ว สาวเสมอ

7 สิ่งกินแล้ว สาวเสมอ


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

ไร้สาระ 8


เปิดอ่าน 8,451 ครั้ง
เหนือฟ้ายังมีฟ้า..!!!

เหนือฟ้ายังมีฟ้า..!!!


เปิดอ่าน 8,674 ครั้ง
นิทานจากFW

นิทานจากFW


เปิดอ่าน 8,468 ครั้ง
สมองแก่....แก้ได้

สมองแก่....แก้ได้


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

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

ขำขัน : ขำๆกับ บักเดช

ขำขัน : ขำๆกับ บักเดช

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

Advertisement

≡ เรื่องน่าสนใจในหมวดหมู่นี้ ≡
อย่าล้อเล่นกับ....ความรัก!!
อย่าล้อเล่นกับ....ความรัก!!
เปิดอ่าน 8,485 ☕ คลิกอ่านเลย

ข่มขืนภรรยาหรือสามีไม่ได้อีกแล้ว
ข่มขืนภรรยาหรือสามีไม่ได้อีกแล้ว
เปิดอ่าน 8,589 ☕ คลิกอ่านเลย

รักแบบดีๆ
รักแบบดีๆ
เปิดอ่าน 8,486 ☕ คลิกอ่านเลย

เข้าใจหัวอก..ผู้นำ
เข้าใจหัวอก..ผู้นำ
เปิดอ่าน 8,476 ☕ คลิกอ่านเลย

ไม่อยากจะเป็น...เช่นนี้เลย....
ไม่อยากจะเป็น...เช่นนี้เลย....
เปิดอ่าน 8,565 ☕ คลิกอ่านเลย

"ปธ.อบต."ฆ่าชิงทองปธ.ตำรวจ
"ปธ.อบต."ฆ่าชิงทองปธ.ตำรวจ
เปิดอ่าน 8,479 ☕ คลิกอ่านเลย

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

โปรตีนสำหรับนักกีฬา
โปรตีนสำหรับนักกีฬา
เปิดอ่าน 20,554 ครั้ง

วิเคราะห์พระราชบัญญัติการศึกษาแห่งชาติ พ.ศ.2542  หมวดที่ 9 เทคโนโลยีเพื่อการศึกษา(2)
วิเคราะห์พระราชบัญญัติการศึกษาแห่งชาติ พ.ศ.2542 หมวดที่ 9 เทคโนโลยีเพื่อการศึกษา(2)
เปิดอ่าน 40,947 ครั้ง

มังคุดคัด
มังคุดคัด
เปิดอ่าน 22,468 ครั้ง

ต้นสัตบรรณ - ต้นตีนเป็ด
ต้นสัตบรรณ - ต้นตีนเป็ด
เปิดอ่าน 42,751 ครั้ง

"รศ.ดร.สุธีร์" ไอน์สไตน์ เมืองไทย ผู้สร้าง "สายอากาศสุธี" ที่ในหลวงรับสั่งว่า &q
"รศ.ดร.สุธีร์" ไอน์สไตน์ เมืองไทย ผู้สร้าง "สายอากาศสุธี" ที่ในหลวงรับสั่งว่า &q
เปิดอ่าน 37,210 ครั้ง

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

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

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


· 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

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