另一个noobie问题。尝试使用html,css,js和phonegap构建创建智能手机应用程序。当用户点击按钮或图像时,我想将div背景颜色从白色更改为黄色,然后播放短的声音剪辑,然后将背景颜色设置为淡黄色。
我会有几十个这些Div,并且都有一个分配的课程。有些人会有类.formal,其他.informal和其他.spanish。到目前为止,我只能播放声音。我已经尝试调整我见过的其他解决方案,但背景颜色不会改变。我想我需要确定单击了哪个类的实例,然后只更改bg颜色然后播放声音,最后将bg颜色更改为浅黄色。为了清楚起见,我已删除了一些代码。
感谢您提供的任何帮助。
这是示例div的html
<div class="formal">
<a href="#" onclick="playAudio('/android_asset/www/test.mp3');">Play ay caramba</a>
</div>
这是“playAudio”js
function playAudio(src) {
// Change bg color for the div to yellow here
if (my_media == null) {
// Create Media object from src
my_media = new Media(src, onSuccess, onError);
} // else play current audio
// Play audio
my_media.play();
// change background color to light yellow here
}
答案 0 :(得分:0)
如果可以使用jquery来做那个
你会有类似的东西
function playAudio(src) {
// Change bg color for the div to yellow here
$("formal").css('background-color','yellow');
if (my_media == null) {
// Create Media object from src
my_media = new Media(src, onSuccess, onError);
} // else play current audio
// Play audio
my_media.play();
// change background color to light yellow here
$("formal").css('background-color','blue');
}
你可以使用十六进制颜色来获得你想要的颜色