小编Nit*_*esh的帖子

我正在使用Dewplayer在我的网站上播放背景音乐.我已经完成了集成,它工作正常.

当我点击我的下一页时,播放器停止播放音乐,直到除非我再次点击开始重启音乐.我的页面是静态HTML页面.下面是我的代码,其中包含文件的链接.

CSS:

#content {
  margin-left:15%;
  width:500px;
  text-align:left;
}
#hint {
  color:#666;
  margin-left:15%;
  width:300px;
  text-align:left;
  margin-top:3em;
}

HTML:

  <a href="link1.html">Link1</a>
    <a href="link2.html">Link2</a>
    <a href="link3.html">Link3</a>




<object type="application/x-shockwave-flash" data="dewplayer-mini.swf?mp3=mp3/test2.mp3" width="160" height="20" id="dewplayer-mini"><param name="wmode" value="transparent" /><param name="movie" value="dewplayer-mini.swf?mp3=mp3/test2.mp3" /></object>

因此,从上面的链接中,当您单击播放音乐时,将播放音乐,但只要您点击link2或link3,它就会被停止.我需要的是,无论页面导航如何,它都应该一致且连续地播放.人们建议我使用Frameset,iframe或flash(不是flash音频播放器),但我不愿意使用它们.

我在Stackoverflow上搜索了很多类似的问题,如下所示.

/sf/ask/1288780391/

如何在浏览页面时保持音频播放？

音频播放器:不断播放

第二个建议可以使用Ajax完成,但我正在创建静态页面,并且没有很好地使用Ajax.

PS:我愿意使用任何其他具有此功能的播放器.

编辑:使用jQuery创建相同

当人们建议我使用jQuery/JavaScript进行flash时,我使用jQuery创建了播放器,如下所示.在演示中,红色方框是停止/暂停,蓝色是播放.

HTML:

<audio id="player" src="http://www.soundjay.com/ambient/check-point-1.mp3"></audio>
<a class="soundIcnPlay" title="button" id="button">&nbsp;</a>

jQuery代码:

$(document).ready(function() {
    var playing = false;

    $('a#button').click(function() {
        $(this).toggleClass("down");

        if (playing == false) {
            document.getElementById('player').play();
            playing = true;
            $(this).removeClass('soundIcnPlay');
            $(this).addClass('soundIcnPause');

        } else { …

看看，http://thomaspalumbo.com

我的网站容器有这个 CSS：

.graybox {
padding: 0 30px 30px 30px;
background: #ededed;
position:absolute;
left:0;
right:0;
}

然后我在上面有一个容器来集中该信息。容器.graybox按照我想要的方式扩展页面的宽度，但现在我的页脚 div 被隐藏了，根据 firebug 的说法，它实际上是在后面吗？在页面上？

有解决办法吗？

当我在这里时，任何人都可以解释页面右侧的空白区域。一旦页面缩小，它就会生效。

我有以下CSS代码: -

border:5px solid grey !important;

将样式设置应用于上,下,左,右四个边框.但我如何定义边界只适用于上,右和左.无需为每个定义单独的样式？谢谢

I need to create a set of list items where I need to style the list item numbers (decimals) with a border-radius and a background color.

Here is the snapshot of how I want my list items to look like.

I have tried to put a border radius, background on the li, but I was not able to get the output that I am lookin for.

Here is a WORKING LINK of what I have tried so far. I removed …

我在我的网页中创建了一个滚动条，它位于一个部门的左侧。我不知道我从哪里到左边的位置。如何将其从左侧位置移动到右侧位置？

我正在创建基于wordpress的个人网站,现在我正在重新制作模板.经过一整天的css,html和php ......以及寻找很多互联网的东西,我为很多人所知道的问题.

在我的网站的某个地方,一些元素给了我我不想要的保证金.您可以在下面的图片中看到它:

我知道这个网站的规则,给你代码,你会尽力帮助我,但是现在,我不知道问题出在哪里.因此,如果有经验丰富且时间不多的人可以查看我的页面,我会非常感激.

我的网站si svrcek.webfix.sk

我创建列表中的内容导航菜单a,b,c,d,e,f.

当用户将鼠标悬停在列表d中,子菜单项里出现d的d1,d2,d3,d4和d5分别.

该d菜单有悬停背景颜色,但是当用户将鼠标悬停在其子菜单项的背景颜色d消失.

我想要的是,当用户悬停子项时,悬停颜色应该保持打开,d并且只有当用户将鼠标从其子菜单项中删除时才会消失.

这是我的code.

JSFiddle: http ://jsfiddle.net/mm9QN/

HTML:

             <ul class="nav navbar-nav">
                <li class="active"><a href="#">a</a></li>
                <li><a href="#">b</a></li>
                <li><a href="#">c</a></li>
                <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">d</a>
                  <ul class="dropdown-menu">
                    <li><a href="#">d1</a></li>
                    <li><a href="#">d2</a></li>
                    <li><a href="#">d3</a></li>
                    <li><a href="#">d4</a></li>
                    <li><a href="#">d5</a></li>
                  </ul>
                </li>
                <li><a href="#">e</a></li>
                <li><a href="#">f</a></li>
              </ul>

CSS: …

我正在创建一个 JavaScript 弹出窗口。代码如下。

HTML：

    <div id="ac-wrapper" style='display:none' onClick="hideNow(event)">
    <div id="popup">
        <center>
             <h2>Popup Content Here</h2> 
            <input type="submit" name="submit" value="Submit" onClick="PopUp('hide')" />
        </center>
    </div>
</div>

CSS：

    #ac-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("images/pop-bg.png") repeat top left transparent;
    z-index: 1001;
}
#popup {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    height: 361px;
    margin: 5% auto;
    position: relative;
    width: 597px;
}

剧本：

function PopUp(hideOrshow) {
    if (hideOrshow == 'hide') document.getElementById('ac-wrapper').style.display = …

我有4个静态HTML页面,如下所示.

1. 家
2. 关于
3. 服务
4. 联系

在每个页面上都有一个链接,打开另一个名为myVideo.html的静态页面,该页面在新标签上播放关于我的视频.

我在每个页面上保留了该链接,以便用户可以在任何地方打开它.

问题是,当它从主页打开时,它可以再次从大约页面打开,这样会使视频自动播放两次,从而产生不良影响.

我想要的是,当用户从任何页面启动视频时,当他们再次从另一个页面执行该视频时,他们应该得到一个提醒"视频已经在新标签上播放"的警报,以便我的视频只播放一次.他们只能在播放该视频的标签页上播放视频.

我的问题是,这可能吗？