本帖最后由 加林森 于 2022-1-30 11:48 编辑 <br /><br />杨柳青 发表于 2021-12-12 20:49
找谁~~~
找你的感觉嘛
<style type="text/css">
.picMain {
margin: auto;
width: 720px;
position: relative;
background: linear-gradient(45deg, olive, green, silver, white, transparent);
padding: 10px;
box-shadow: 2px 2px 4px 1px rgba(0,0,0,.6);
display: flex;
flex-direction: row;
gap: 8px;
}
.picBox { flex-grow: 2; cursor: pointer; }
.picMini {
width: 150px;
display: flex;
flex-direction: column;
gap: 8px;
}
.picBox img {
width: 570px;
height: 730px;
object-fit: cover;
}
.picMini img {
width: 120px;
height: 140px;
border-radius: 50%;
opacity: .5;
cursor: pointer;
}
.picMini img:hover { opacity: 1; border-radius: 0;}
</style>
<div class="picMain">
<div class="picMini" id="picMini">
<img id="img1" onclick="showpic ('img1')" src="https://pic.imgdb.cn/item/61f5f4952ab3f51d912a0be7.jpg" alt="" />
<img id="img2" onclick="showpic ('img2')" src="https://pic.imgdb.cn/item/61f5f52e2ab3f51d912ab847.jpg" alt="" />
<img id="img3" onclick="showpic ('img3')" src="https://pic.imgdb.cn/item/61f5f5b72ab3f51d912b4345.jpg" alt="" />
<img id="img4" onclick="showpic ('img4')" src="https://pic.imgdb.cn/item/61f5f6432ab3f51d912bd1c0.jpg" alt="" />
<img id="img5"onclick="showpic ('img5')"src="https://pic.imgdb.cn/item/61f5f6bb2ab3f51d912c4087.jpg" alt="" />
</div>
<div id="picBox" class="picBox"><img id="imgShow" alt="" src="https://pic.imgdb.cn/item/61f5f3ca2ab3f51d91293d08.jpg" /></div>
</div>
<audio id="auMusic" src="https://www.joy127.com/url/88448.mp3" autoplay="autoplay" loop="loop"></audio>
<script language="javascript">
var aud = document.getElementById('auMusic');
var imgSw = document.getElementById('imgShow');
function showpic(idx){ imgSw.src = document.getElementById(idx).src; }
imgSw.onclick = function() { aud.paused ? aud.play() : aud.pause(); }
</script>
加林森 发表于 2021-12-12 21:04
找你的感觉嘛
原来是这样~~还以为找~~{:5_106:}
本帖最后由 加林森 于 2022-2-24 17:53 编辑 <br /><br />杨柳青 发表于 2021-12-12 21:10
原来是这样~~还以为找~~
你还想什么?
<style>
/* 父盒子 */
#wyyBox {
margin: 10px auto;
width:300px;
height: 52px;
text-align: center;
}
/* 播放器 */
#wyyBox iframe {
width: 298px;
height: 52px;
border: none;
/*切割 clip-path: circle(16px at 271px); */
}
</style>
<div id="wyyBox"></div>
<script>
var wyyBox = document.getElementById("wyyBox"); //父 div 盒子标识
var frm = document.createElement("iframe"); //创建 iframe 元素
//iframe 加载 src
frm.src = "https:////music.163.com/outchain/player?type=2&id=569049433&auto=1&height=32";
wyyBox.appendChild(frm); //父盒子加载 iframe 元素
</script>
加林森 发表于 2021-12-12 16:33
是的,喜欢这样的军人。
前些年军魂丢失了,现在正一点点被习大大找了回来。
加林森 发表于 2021-12-12 16:34
我也喜欢看这部电视剧。过瘾!
我看了好几遍呢
樵歌 发表于 2021-12-12 21:38
前些年军魂丢失了,现在正一点点被习大大找了回来。
就是,军队不能乱的。
樵歌 发表于 2021-12-12 21:39
我看了好几遍呢
我也是的,有必要再推广,
加林森 发表于 2021-12-12 21:03
当然啊
蓝瘦香菇
马黑黑 发表于 2021-12-12 21:52
蓝瘦香菇
嗯嗯
加林森 发表于 2021-12-12 21:55
嗯嗯
{:4_190:}
马黑黑 发表于 2021-12-12 21:57
你继续{:4_191:}
加林森 发表于 2021-12-12 22:00
你继续
好的
马黑黑 发表于 2021-12-12 22:01
好的
我看你喝
加林森 发表于 2021-12-12 22:01
我看你喝
行
马黑黑 发表于 2021-12-12 22:03
行
继续
加林森 发表于 2021-12-12 22:04
继续
好
马黑黑 发表于 2021-12-12 22:05
好
嗯嗯
加林森 发表于 2021-12-12 22:07
嗯嗯
{:4_181:}
马黑黑 发表于 2021-12-12 22:08
喝吧
加林森 发表于 2021-12-12 22:11
喝吧
干蟹