1

另一个菜鸟问题。尝试使用 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  
}
4

1 回答 1

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');  
    }

你可以放一个十六进制颜色来得到你想要的颜色

于 2013-07-11T12:30:52.003 回答