当音乐播放器开始使用JavaScript时，如何更改CSS属性？_Javascript

当音乐播放器开始使用JavaScript时，如何更改CSS属性？

javascript

当音乐播放器开始使用JavaScript时，如何更改CSS属性？,javascript,Javascript,我的页面上有一个音乐播放器，代码如下：  <script type="text/javascript" src="http://scmplayer.net/script.js" ></script> <script type="text/javascript"> SCMMusicPlayer.init("{'sk

我的页面上有一个音乐播放器，代码如下：

<!--SCM Music Player by Adrian C Shum - http://scmplayer.net-->  
<script type="text/javascript" src="http://scmplayer.net/script.js" ></script>  
<script type="text/javascript">  
SCMMusicPlayer.init("{'skin':'skins/black/skin.css','playback':{'autostart':'true','shuffle':'true','volume':'40'},'playlist':[{'title':'2Spooky Battle','url':'http://a.tumblr.com/tumblr_mbdoptQ5LT1rte8jio1.mp3'}], 'onplay': function() {alert('playing');},'placement':'bottom','showplaylist':'false'}");  
</script>  
<!--End of SCM Music Player script-->


SCMMusicPlayer.init（“{'skin'：'skins/black/skin.css'，'playback'：{'autostart'：'true'，'shuffle'：'true'，'volume'：'40'，'playlist'：[{'title'：'2Spooky Battle'，'url'：'http://a.tumblr.com/tumblr_mbdoptQ5LT1rte8jio1.mp3“}]，“onplay”：函数（）{alert（'playing'）；}，'placement'：'bottom'，'showplaylist'：'false'}）；

我还有两个图像，其代码如下所示：

<html>
<head>
<style type="text/css">

#img1{
  position: fixed;
  right: 10px;
  bottom: 100px;
  z-index: 10;
  visibility:hidden;
}

#img2{
  position: fixed;
  left: 10px;
  top: 10px;
  z-index: 10;
  visibility:hidden;
}

</style>
</head>

<body>
  <img src="IMAGE1.png" id="img1">
  <img src="IMAGE2.png" id="img2">
</body>
</html>


#img1{
位置：固定；
右：10px；
底部：100px；
z指数：10；
可见性：隐藏；
}
#img2{
位置：固定；
左：10px；
顶部：10px；
z指数：10；
可见性：隐藏；
}

我想这样做，当玩家开始时，这两个都变得“可见”。我需要添加/取出/替换什么才能工作？

使用jQuery我将编写此javascript代码

<script>
    function ChangeCSS()
    {
        $('#img1').css({ //new css style goes here
                         z-index : 10 
                      });
</script>
// in your init method there is onPlay method use it to call this function.


函数ChangeCSS（）
{
$（'#img1'）.css（{//新的css样式出现在这里
z指数：10
});
//在init方法中有一个onPlay方法，使用它来调用此函数。

这将取决于SCMPlayer是否允许您指定“回调”，这本质上是一段代码，玩家在特定事件发生时调用该代码

另一种方法是使用一组外部控件来管理播放器，并将代码附加到该播放器上(http://scmplayer.net/#api)给出如何通过单击调用“播放/暂停”的说明。您可以将其调整为调用自定义函数，以适当设置项目的可见性

虽然您在最初的问题中没有指定它，但jQuery使这样的DOM元素操作变得非常简单。您需要查看它是否适合您的情况。：）

有一个onPlay回调。您可能可以使用它

未经测试的示例代码：

function displayElement(id) {
    document.getElementById(id).style.visibility = 'visible';
}

onplay: function() {
    displayElement('img1');
    displayElement('img2');
}

但是，在我已经提供的代码中，我应该把它放在哪里呢？