本帖最后由 加林森 于 2022-1-30 19:06 编辑 <br /><br /><div class="quote"><blockquote><font size="2"><a href="forum.php?mod=redirect&goto=findpost&pid=1372126&ptid=54961" target="_blank"><font color="#999999">马黑黑 发表于 2021-12-12 22:15</font></a></font><br>干蟹</blockquote></div><br>抓走<div><br></div><div><br></div>
<style type="text/css">
.paBox {
margin: auto;
width: 720px;
height: 620px;
position: relative;
display: flex;
flex-direction: column;
gap: 8px;
box-shadow: 4px 4px 8px 2px #000;
padding: 8px;
}
.imgBox { position: relative; flex-grow: 2; background: rgba(0,0,0,0.8); }
.imgBox img {
position: absolute;
top:0; left:0; right:0; bottom:0;
margin: auto;
width: 50%;
height: 50%;
transition: 1s;
cursor: pointer;
}
.imgBox img:hover { transform: rotate(360deg) scale(2,2); }
.footBox { height: 100px; display: flex; flex-direction: row; gap: 8px; justify-content: center; }
.footBox img { width: 100px; height: 100px; border-radius: 50%; cursor: pointer; opacity: 0.8; }
.footBox img:hover { opacity:1; }
</style>
<div class="paBox">
<iframe style="position: absolute; clip-path: circle(33px at 43px 43px); opacity: 0.5;z-index: 666;" frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=1822193354&auto=1&height=66"></iframe>
<div class="imgBox"><img id="bigpic" src="https://pic.imgdb.cn/item/61f663bf2ab3f51d91984b76.jpg" alt="" /></div>
<div class="footBox">
<img id="img1" onclick="showpic('img1')" src="https://pic.imgdb.cn/item/61f667bf2ab3f51d919b9bb0.jpg" alt="" />
<img id="img2" onclick="showpic('img2')" src="https://pic.imgdb.cn/item/61f6682e2ab3f51d919bf9ae.jpg" alt="" />
<img id="img3" onclick="showpic('img3')" src="https://pic.imgdb.cn/item/61f6688e2ab3f51d919c475c.jpg" alt="" />
<img id="img4" onclick="showpic('img4')" src="https://pic.imgdb.cn/item/61f668db2ab3f51d919c9050.jpg" alt="" />
<img id="img5" onclick="showpic('img5')" src="https://pic.imgdb.cn/item/61f669292ab3f51d919cd1a0.jpg" alt="" />
<img id="img6" onclick="showpic('img6')" src="https://pic.imgdb.cn/item/61f6697a2ab3f51d919d2489.jpg" alt="" />
</div>
</div>
<script>
var bigpic = document.getElementById('bigpic');
function showpic(id) { bigpic.src = document.getElementById(id).src; }
</script>
加林森 发表于 2021-12-12 22:28
抓走
多多益善
马黑黑 发表于 2021-12-12 22:51
多多益善
乱了
加林森 发表于 2021-12-12 23:19
乱了
乱乱更长寿
马黑黑 发表于 2021-12-13 07:37
乱乱更长寿
好吧好吧
加林森 发表于 2021-12-13 11:39
好吧好吧
你乱你乱
马黑黑 发表于 2021-12-13 12:33
你乱你乱
你喜欢乱啊？
加林森 发表于 2021-12-12 21:44
就是，军队不能乱的。
这几年成效显著/
樵歌 发表于 2021-12-14 20:25
这几年成效显著/
是的，习大大厉害。