مقدمة المقالة:
بشكل عام، لا تؤدي الأزرار الموجودة على صفحات الويب إلى تشغيل أحداث صوتية. إذا كنت تريد أن يصدر الزر صوتًا استجابةً لحركات الماوس، فيمكننا كتابة كود JavaScript لتحقيق ذلك.
برنامج نصي يمكنه إصدار أصوات للأزرار. الآن، لا تحتاج إلى عمل أزرار فلاش، لقد شعرت بالارتياح بعد تجربته.
طريقة الإنتاج:
1. إنشاء ملف جديد:
وفيما يلي اقتباس:
DynamicAudioButton.js، الكود:
// تخصيص رابط الصوت الديناميكي تخصيص رابط الصوت الديناميكي
الدالة DynamicAudioLink(){
فتح(" http://www.pcedu.com.cn ")
}
// تخصيص لون الماوس الديناميكي للصوت تخصيص لون الماوس الديناميكي للصوت
وظيفة أوديو أوفر () {
document.Audio.button.style.background = "#999999"
document.Audio.button.style.color = "أبيض"
}
// تخصيص لون الصوت الديناميكي لأسفل الماوس تخصيص لون الصوت الديناميكي لأسفل الماوس
وظيفة أوديوداون () {
document.Audio.button.style.color = "#cccccc"
}
// تخصيص لون الماوس الديناميكي مع إيقاف اللون تخصيص لون الصوت الديناميكي mouseOff
وظيفة الصوت () {
document.Audio.button.style.background = "#666666"
document.Audio.button.style.color = "#ffffff"
}
// تخصيص الصوت الديناميكي تخصيص الصوت الديناميكي
وظيفة اللعب الرئيسية ()
{
document.all.sound.src = "bleep.wav";
}
document.write('<bgsound id="sound">')
// تخصيص نمط الزر تخصيص نمط الزر
document.write('<style type="text/css">'+'<!--')
document.write('.select{background:#666666;border-color:"#999999";color:"#ffffff";font-family:Arial,Helvetica,Verdana;حجم الخط:10pt;وزن الخط: غامق ;}'+'-->'+'</STYLE>')
document.write('<center><form name=Audio><input class="select" name=button type="button" value="ديناميكي الصوت" onclick="DynamicAudioLink()" onMouseOver="AudioOver();playHome()" onMouseDown="AudioDown()" onMouseOut="AudioOut()"></form></center>')
2. بعد حفظ الملف، أدخل الكود للإشارة إلى ملف JS في الأماكن ذات الصلة بالصفحة:
ما يلي هو جزء مرجعي:
<Script language="JavaScript" SRC="DynamicAudioButton.js"></script>
3. اختر ملف موسيقى جيدًا، والذي يمكن أن يكون wav أو MP3 أو ما إلى ذلك. ويجب أن يكون ملف الموسيقى صغيرًا قدر الإمكان.
بعد إنشاء الطريقة، يمكن للمستخدمين استخدام الصور والنماذج الأخرى. بالطبع، يجب عليهم أيضًا تعديل الكود المقابل لملف DynamicAudioButton.js.