javascript - Javascript-单击时更改图片并更改音频

标签 javascript html image audio web

基本上,我正在尝试在我的网站上创建此东西,当您单击图片时,图片会发生变化。当图片改变时,音频文件会说些什么。

例如,如果您具有“That was Easy Button”,则单击它,它会变为Shia Labeouf,并且音频文件显示“Just Do It!”。

有谁知道该怎么做,或者您是否可以引导我朝正确的方向做这样的事情?

最佳答案

您应该使用Jquery Java库this is the code you need,但是最好学习一下它,以便对其进行扩展:

HTML:

<span class="btn">That was Easy Button</span>

Javascript:
$(document).ready(function() {
    $('.btn').click(function () {
        $(this).html('JUST DO IT!');                
    });
});

聚苯乙烯
这只会更改按钮的文本,继续尝试添加代码以打开音频(提示:Play an audio file using jQuery when a button is clicked)

关于javascript - Javascript-单击时更改图片并更改音频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30969226/

相关文章:

html - 图片在 Safari 浏览器中不显示

javascript - 如何实现 float 可拖动面板

javascript - Jquery 水印插件在 IE9 中将水印作为表单的值提交

html - 来自 Div 的表格 - IE 问题

html - Font Awesome 建议使用 <i> 标签会影响 SEO 吗?

javascript - 单击不同的透明 PNG。哪一个被点击了?

javascript - 视差上的可点击图像

javascript - 是否可以在浏览器中监控CPU/GPU?

html - 制作一个与页面一样宽的 <div>,同时在另一个 <div> 内

java - 用Java将图片保存到特定文件夹中