Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > PHP > PHP Forum > ถามเรื่องเอารูปภาพมาแทนปุ่ม submit ครับ ว่าผมจะสามารถทำ hover ได้มั้ยครับ พอมีวิธีมั้ยคับ

ถามเรื่องเอารูปภาพมาแทนปุ่ม submit ครับ ว่าผมจะสามารถทำ hover ได้มั้ยครับ พอมีวิธีมั้ยคับ

เริ่มหัวข้อใหม่

Guest

ถามเรื่องเอารูปภาพมาแทนปุ่ม submit ครับ ว่าผมจะสามารถทำ hover
เวลาเอาเม้าส์ไปวางแล้วเปลี่ยนเป็นอีกรูปได้มั้ยคับ
นี่โค้ดตัวอย่างที่ผมเอารูปมาแทนปุ่ม submit คับ

<input type=\"image\" name=\"Submit\" value=\"Submit\" src=\"img/textsearch01.png\" alt=\"Button\" onClick=\"submit\">

พอจะมีวิธีมั้ยคับ
ขอบคุณครับ

Tag : PHP, JavaScript, jQuery

Date : 2012-02-10 10:37:07

By : Praphus Vannkaow

View : 1885

Reply : 5

No. 1

kead

โพสกระทู้ ( 169 )
บทความ ( 0 )

<a href="ใส่ link"><img src="link รูปภาพ"></a> ประมาณนี้ค่ะ

Date : 2012-02-10 11:10:23

By : teukkead

No. 2

kead

โพสกระทู้ ( 169 )
บทความ ( 0 )

หรือไม่ก็แบบนี้ค่ะ ได้ไ่ม่ได้ก็ลองดูนะึคะ

Code (PHP)

<a href="#"><img onmouseover="bg2.gif" onmouseout="bg.gif" src="images/button/bold.gif" align="bottom" width="23" height="22" border="0" style="background-image:url(bg.gif); margin:1px 2px 1px 1px;" title="ตัวหนา" /></a>

Date : 2012-02-10 11:14:38

By : teukkead

No. 3

โปรแกรมมั่ว

โพสกระทู้ ( 437 )
บทความ ( 3 )

ลองแบบนี้

Code (PHP)

<input type="image"onmouseover="javascript:this.src='รูป'" onmouseout="javascript:this.src='รูป'" value="submit" />

Date : 2012-02-10 11:17:30

By : randOmizE

No. 4

Guest

ขอบคุณทุกคนมากกกกกกกกกกกกกกกกกก นะคับ ทำได้แล้วครับ

Date : 2012-02-10 11:53:15

By : Praphus Vannkaow

No. 5

Guest

ถ้าอยากให้ปุ่ม submit ที่เป็นรูป hover ได้ ต้องทำอย่างคุณ N0.3 บอกครับ แต่ว่า*** ถ้าทำอย่างคุณ N0.3 บอกตรงๆ ตอน Run เริ่มต้นมันจะ***ไม่มีรูปภาพแสดงปุ่มสถานะเริ่มต้นครับ*** มันจะเป็นแค่กรอบสี่เหลี่ยมว่างๆ ก่อน จนกว่าเราจะเอาเม้าส์ไปวางที่กรอบ มันถึงทำ hover โชว์ภาพขึ้นมา ดังนั้น ถ้าไม่อยากให้ปุ่มตอนเริ่มต้นเป็นกรอบว่างๆ คุณต้องใส่ code เพิ่มอีกนิดครับ ดังนี้

<input type="image" src="รูปเริ่มต้น" onmouseover="javascript:this.src='รูปตอนเม้าส์ไปวาง'" onmouseout="javascript:this.src='รูปตอนเม้าส์ออกจากปุ่ม'" value="submit" />

ที่แตกต่างจากคุณ N0.3 คือ เพิ่มตรงส่วน src="รูปเริ่มต้น" เข้าไปด้วยครับ ^^

Date : 2012-04-02 05:35:17

By : Chin Versicle NU.

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ถามเรื่องเอารูปภาพมาแทนปุ่ม submit ครับ ว่าผมจะสามารถทำ hover ได้มั้ยครับ พอมีวิธีมั้ยคับ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก