我有两个盒子,一个是隐藏的,一个是可见的。我想让它以一种方式工作,当默认框悬停时,它会淡出并且显示无的框变得可见。
这是代码无法按我想要的方式工作,因为一旦框悬停,它仍然可见,而我想要它去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。
任何的想法?提前致谢。
我正在尝试创建一个自定义的广播播放器,该播放器会自动更新当前流式音频的标题和插图。
Shoutcast确实有一个API,但是它只能使用其Dev ID,但是Shoutcast最近显然没有提供任何Dev ID。所以我需要另一个解决方法。
有一些PHP解决方案,但是由于我不了解该语言,所以无法找到他们的解决方案。请提供一些有关如何获取当前曲目标题,插图甚至艺术家姓名的示例或提示。
提前致谢
我的脚本我需要从短划线/连字符分割出一个字符串.并将每个部分分配给一个变量.
例:
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)
我认为正则表达式可以做到这一点,[\-]+但我正在寻找一种方法,它不会超过两个变量.所以无论它采用什么字符串,结果必须只有两个部分.我认为最好的方法是只考虑-字符串中的第一个(连字符).
知道怎么做到这一点?
提前致谢.