ساخت لینک های که با کلیک یا بردن ماوس روی آنها صدا میدهند

در این آموزش توسط تگ A در HTML و همچنین چند خط کوتاه کد jQuery لینک هایی خواهیم ساخت که با کلیک کردن و یا قرار گرفتن نشانگر ماوس روی آنها و یا هر رویداد دیگر، صدایی را که ما می خواهیم تولید میکنند. این موضوع برای قدیمی ترها یادآور افکت هایی است که روزگاری با استفاده از فلش انجام می گرفت اما امروزه به لطف کتابخانه فوق العاده جذاب و کاربردی jQuery به سادگی هرچه تمامتر و با کمترین حجم کدنویسی و فایل قابل پیاده سازی است.

این ترفند بسیار ساده ولی جذاب است. مثال برای رویدادهای click و hover آورده شده است و شما میتوانید آن را در سایر رویدادها نیز اعمال کنید.

برای این منظور یک تگ embed که توسط خصیصه های آن مخفی شده است به لینک مربوطه الصاق شده و باعث پخش صدای معرفی شده در خصیخصه src مربوط به تگ embed خواهد شد.

JS - jQuery

$(function(){
    $('a.click').click(function(){
        $('embed').remove();
        $('body').append('');
    });
 
    $('a.hover').mouseover(function(){
        $('embed').remove();
        $('body').append('');
    });
}); 

HTML/XHTML

Click here for sound effect

Hover here for sound effect

 

Adding Sound To links-websiteha.com.rar (35.38 kb)

  • رمز فایل فشرده: www.websiteha.com
  • حجم فایل: 35 کیلوبایت

نظرات (6) -

  • الناز

    09/14/1390 03:25:27 ب.ظ | پاسخ به این نظر

    سلام . واقعا ممنون از این همه  آموزش های جدید و جالب .
    من جیکوری رو روی نیوک نصب کردم و در حین اینکه میخواستم این عملیات رو انجام بدم یه چیزی فهمیدم .
    فکر کنم برای یک صفحه فقط یک صدا میشه ایجاد کرد ؟ درسته ؟
    ولی من میخواستم توی یک متن ، وقتی موس اومد روی هر کلمه ، یک صدای خاص بده .
    میشه راهنمایی کنید .

    • Admin

      09/14/1390 05:47:32 ب.ظ | پاسخ به این نظر

      ضمن تشکر، شما می تونید برای هر لینک در صفحه یک صدای خاص داشته باشید. کافیه صدا رو توسط id و یا class مربوط به اون لینک، بهش منتسب کنید.

  • الناز

    09/14/1390 04:57:27 ب.ظ | پاسخ به این نظر

    راستی ،
    یه دمو هم اگه میشه بذارید آقای میرزایی . ممنون

  • Admin

    09/14/1390 05:49:34 ب.ظ | پاسخ به این نظر

    سورس نمونه آماده و در پایان پست برای دانلود مستقیم قرار داده شد.

  • علیرضا

    07/16/1393 07:08:25 ب.ظ | پاسخ به این نظر

    سلام
    خیلی جالب بود
    فقط یه سوال ، چطور میتونم نمونه صدا برای کلیک موس رو گیر بیارم؟

Loading