小编Dan*_*Boy的帖子

如何用另一个悬停替换 div(仅限 CSS)

我有两个盒子,一个是隐藏的,一个是可见的。我想让它以一种方式工作,当默认框悬停时,它会淡出并且显示无的框变得可见。

这是代码无法按我想要的方式工作,因为一旦框悬停,它仍然可见,而我想要它去display: none

.box1, .box2{
  width:100px;
  height 100px;
  border:1px solid black;
  text-align:center;
}

.box1{
  display: block;
}

.box2{
  display: none;
}

.box1:hover ~ .box2{
  display:block;
}
Run Code Online (Sandbox Code Playgroud)
<div class="box1">
  <p>data 1</p>
</div>

<div class="box2">
  <p>data 2</p>
</div>
Run Code Online (Sandbox Code Playgroud)

如果在盒子切换后进行动画处理可能会更好。

有人问过类似的问题,但他们都要求使用 JavaScript。我只喜欢 CSS。

任何的想法?提前致谢。

html css display

4
推荐指数
1
解决办法
3004
查看次数

如何在JS中获取Shoutcast当前曲目标题和插图

我正在尝试创建一个自定义的广播播放器,该播放器会自动更新当前流式音频的标题和插图。

Shoutcast确实有一个API,但是它只能使用其Dev ID,但是Shoutcast最近显然没有提供任何Dev ID。所以我需要另一个解决方法。

有一些PHP解决方案,但是由于我不了解该语言,所以无法找到他们的解决方案。请提供一些有关如何获取当前曲目标题,插图甚至艺术家姓名的示例或提示。

提前致谢

javascript api audio html5 shoutcast

1
推荐指数
1
解决办法
4046
查看次数

仅在一个点处拆分字符串

我的脚本我需要从短划线/连字符分割出一个字符串.并将每个部分分配给一个变量.

例:

Blue Oyster Cult - Don't Fear The Reaper
Jimi Hendrix - Come On (Let The Good Times Roll)
Molly Hatchet - Dreams I'll Never See
Run Code Online (Sandbox Code Playgroud)

我认为正则表达式可以做到这一点,[\-]+但我正在寻找一种方法,它不会超过两个变量.所以无论它采用什么字符串,结果必须只有两个部分.我认为最好的方法是只考虑-字符串中的第一个(连字符).

知道怎么做到这一点?

提前致谢.

javascript regex jquery split

1
推荐指数
1
解决办法
97
查看次数

标签 统计

javascript ×2

api ×1

audio ×1

css ×1

display ×1

html ×1

html5 ×1

jquery ×1

regex ×1

shoutcast ×1

split ×1