บทนำบทความ:
โดยทั่วไปแล้ว ปุ่มบนหน้าเว็บจะไม่ทำให้เกิดเหตุการณ์ที่มีเสียง หากคุณต้องการให้ปุ่มส่งเสียงเพื่อตอบสนองต่อการเคลื่อนไหวของเมาส์ เราสามารถเขียนโค้ดสคริปต์ JavaScript เพื่อให้บรรลุได้
สคริปต์ที่สามารถทำให้ปุ่มมีเสียงได้ ตอนนี้คุณไม่จำเป็นต้องสร้างปุ่ม Flash แล้ว ฉันรู้สึกค่อนข้างดีหลังจากลองใช้แล้ว
วิธีการผลิต:
1. สร้างไฟล์ใหม่:
ต่อไปนี้เป็นใบเสนอราคา:
DynamicAudioButton.js รหัส:
//ปรับแต่งลิงค์เสียงไดนามิก ปรับแต่งลิงค์เสียงไดนามิก
ฟังก์ชั่น DynamicAudioLink(){
เปิด (" http://www.pcedu.com.cn ")
}
// ปรับแต่งสีเมาส์โอเวอร์เสียงแบบไดนามิก ปรับแต่งสีเมาส์โอเวอร์เสียงแบบไดนามิก
ฟังก์ชั่น AudioOver () {
document.Audio.button.style.พื้นหลัง="#999999"
document.Audio.button.style.color="สีขาว"
}
// ปรับแต่งสีเสียงเมาส์ลงแบบไดนามิก ปรับแต่งสีเสียงเมาส์ลงของเสียงแบบไดนามิก
ฟังก์ชั่น AudioDown() {
document.Audio.button.style.color="#cccccc"
}
// ปรับแต่งสีปิดเมาส์เสียงแบบไดนามิก ปรับแต่งสีปิดเมาส์เสียงแบบไดนามิก
ฟังก์ชั่น AudioOut () {
document.Audio.button.style.พื้นหลัง = "#666666"
document.Audio.button.style.color="#ffffff"
}
// ปรับแต่งเสียงไดนามิก ปรับแต่งเสียงไดนามิก
ฟังก์ชั่น playHome()
-
document.all.sound.src = "bleep.wav";
}
document.write('<bgsound id="sound">')
//ปรับแต่งสไตล์ปุ่ม ปรับแต่งสไตล์ปุ่ม
document.write('<style type="text/css">'+'<!--')
document.write('.select{พื้นหลัง:#666666;border-color:"#999999";color:"#ffffff";font-family:Arial,Helvetica,Verdana;font-size:10pt;font-weight: ตัวหนา ;}'+'-->'+'</STYLE>')
document.write('<center><form name=Audio><input class="select" name=button type="button" value="Dynamic เสียง" onclick="DynamicAudioLink()" onMouseOver="AudioOver();playHome()" onMouseDown="AudioDown()" onMouseOut="AudioOut()"></form></center>')
2. หลังจากบันทึกไฟล์แล้ว ให้ใส่โค้ดเพื่ออ้างอิงไฟล์ JS ที่ตำแหน่งที่เกี่ยวข้องบนเพจ:
ต่อไปนี้เป็นส่วนอ้างอิง:
<ภาษาสคริปต์ = "JavaScript" SRC = "DynamicAudioButton.js"></script>
3. เลือกไฟล์เพลงที่ดี ซึ่งอาจเป็น wav, MP3 ฯลฯ ไฟล์เพลงควรมีขนาดเล็กที่สุดเท่าที่จะเป็นไปได้
หลังจากสร้างเมธอดแล้ว ผู้ใช้จะสามารถใช้รูปภาพและรูปแบบอื่นๆ ได้ แน่นอนว่าพวกเขาจะต้องแก้ไขโค้ดที่เกี่ยวข้องของไฟล์ DynamicAudioButton.js ด้วย