珍妮
<br /><style type="text/css">#xq/* 父框盒子 */
{ position: relative;width: 770px; height:714px; background-image: url('https://pic.imgdb.cn/item/6244677c27f86abb2ab879c6.jpg'); box-shadow: 4px 4px 5px #888; background-size: 770px 714px; border-radius:12px; background-position: 770px 0; }
@keyframes mv { from { background-position: 1200px 0; } to { background-position: 0 0; } }
/* 动画 */
@keyframes yao {
from{transform: perspective(800px) rotatex(30deg); }
to { transform: perspective(800px) rotatex(-30deg); }
}
/* 播放器按钮 */
.picBtn {
width: 60px;
height: 80px;
border: none;
outline: none;
border-radius: 8px;
background: transparent url('http://bbs.shiandci.net/static/image/common/%E6%B1%9F%E5%9F%8E%E5%AD%90.gif') no-repeat;
cursor: pointer;
}
/* 轱辘诗 */
.hxBox { position: absolute; left:220px; top:260px; width: 180px; height: 160px; font-family: '楷体','微软雅黑'; font-size: 24px;transform-origin: 50 50; animation: go 24s linear infinite;}
@keyframes go { to { transform: rotate(-360deg);} }
.hxBox path { fill: none; }
.hxBox svg { display: block; overflow: visible; }
</style>
<div id="xq" >
<div id="baiBox" style="position: absolute; left:580px; top:80px; ">饮尽明月照从前<br><br>一梦黄梁多少年<br><br>
风儿吹纱我偷见<br><br>你笑的，有多甜</div>
<div class="hxBox">
<svg viewBox="0 0 100 100">
<path d="M 0, 50 a 50, 50 0 1, 1 0, 1 z" id="yuan" />
<text stroke="#ff3300">
<textPath xlink:href="#yuan">
</textPath>
</text>
</svg>
</div>
<!-- 控制按钮应是父盒子的第一代子元素 -->
<div style="position:absolute; width:50px;left: 600px; top:calc(100% - 120px); text-align:center;">
<button id="picBtn" class="picBtn"></button>
</div>
</div>
<!-- 因为播放器不要界面，无需放在帖子父盒子内 -->
<audio id="music" autoplay="autoplay" loop="loop" src="http://music.163.com/song/media/outer/url?id=1876788950.mp3" ></audio>
<script language="javascript">
var mu = document.getElementById('music');
var btn = document.getElementById('picBtn');
btn.onclick = function(){
mu.paused ? (mu.play(), btn.style.background="url('http://bbs.shiandci.net/static/image/common/%E6%B1%9F%E5%9F%8E%E5%AD%90.gif')") : (mu.pause(), btn.style.background="url('http://bbs.shiandci.net/static/image/common/%E6%B1%9F%E5%9F%8E%E5%AD%90.gif')");
}
mu.addEventListener("ended", function(){
btn.style.background="url('http://bbs.shiandci.net/static/image/common/%E6%B1%9F%E5%9F%8E%E5%AD%90.gif')";
});
</script>
<style>
.mvBox {
position: relative;
width: 1000px;
height: 100px;
left:320px;
top:-500px;
color:#FF4500;
line-height: 18px;
font-size: 18px;
animation: mq linear 30s infinite;
}
@keyframes mq {
from { transform: translateX(200px); }
to { transform: translateX(0); }
}
</style>
<br><br><br><br><br>
无论《锦瑟长思》，还是《在最深的红尘里重逢》，都让我们无比好奇那个在《书香半醉试梅妆》的珍妮是何许人？让《隔壁泰山》天涯回首不醉休，对杯酒风月入眸……诚如好番不应该被埋没，珍妮也应跟上花潮的勺步，掀起你的盖头来，只有不断的浇灌，才能不被淘汰，会当凌绝顶，一览众山小。
一个人的传奇是寂寞的。。让我们一起好奇隔壁泰山的珍妮，以平静的心情，在一个恰当的时机。
为珍妮立传是好奇者义不容辞的责任——此帖送给隔壁泰山。 </div>
</div>
</div><div class="pct"><style type="text/css">.pcb{margin-right:0}</style><div class="pcb">
<div class="t_fsz"><br><br>
<table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_1122488">
<table style="position: relative; width:600px;" border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD>
<img src="https://pic.imgdb.cn/item/62447e3127f86abb2aecd685.png" width="770" _height="423" border="0">
</TBODY></table></div></td></tr></table><br>
小将军有空来玩啦。谢谢你啊！{:4_178:} 加林森 发表于 2022-3-31 23:55
小将军有空来玩啦。谢谢你啊！
哎，不晓得咖啡喝多还是茶多多，我倒是想迷糊着去呼呼~准备下了，队长晚安：） 发帖时还是春光三月美，回一帖转眼愚人节又双叒叕到啦。{:4_170:} 原来那几个帖子里的美人儿叫珍妮啊{:4_173:} 《画离弦》这歌有趣，还是头一次听呢，像一个故事。好听{:4_187:} 红影 发表于 2022-4-1 11:05
原来那几个帖子里的美人儿叫珍妮啊
一颦一笑一回眸，亦诗亦韵亦端庄。。只为珍妮所写剧本。{:4_170:} 红影 发表于 2022-4-1 11:08
《画离弦》这歌有趣，还是头一次听呢，像一个故事。好听
小故事好玩{:4_173:} 好像没看到小竹篱的签名图，，摇椅的动图了？是我浏览器问题么？看来剧二剧三续不来了啊{:4_170:} 安宁 发表于 2022-4-1 00:26
哎，不晓得咖啡喝多还是茶多多，我倒是想迷糊着去呼呼~准备下了，队长晚安：）
将军中午好。{:4_204:}{:4_190:} 加林森 发表于 2022-4-1 12:28
将军中午好。
队长好{:4_190:}
刚冒个泡泡吃饭去了哈下午将军巡营{:4_174:} 安宁这制作真棒，歌非常好听， {:4_187:}珍妮是谁啊{:5_117:}老头收礼开心{:5_106:} 安宁 发表于 2022-4-1 13:00
队长好
刚冒个泡泡吃饭去了哈下午将军巡营
好的好的 安宁 发表于 2022-3-31 23:53
无论《锦瑟长思》，还是《在最深的红尘里重逢》，都让我们无比好奇那个在《书香半醉试梅妆》的珍妮是何许 ...
这个连的有才！{:5_116:}俺现在看你越来越像珍妮了。。。。{:5_117:} 安宁 发表于 2022-4-1 00:26
哎，不晓得咖啡喝多还是茶多多，我倒是想迷糊着去呼呼~准备下了，队长晚安：）
咖啡和茶还有这功效？值得一试。。。{:5_116:} 大猫咪 发表于 2022-4-1 13:04
安宁这制作真棒，歌非常好听， 珍妮是谁啊 老头收礼开心
来啦来啦，不细看，都不知道和俺有关。。。。{:5_117:} 东篱闲人 发表于 2022-4-1 19:36
来啦来啦，不细看，都不知道和俺有关。。。。
老头 {:5_117:}安宁这孩子真灵{:4_189:} 大猫咪 发表于 2022-4-1 19:39
老头 安宁这孩子真灵
好孩子啊。。。{:5_116:} 东篱闲人 发表于 2022-4-1 19:40
好孩子啊。。。
就是 含着棒棒糖的时候是好孩子 {:4_189:}平时 皮的很{:5_117:}
页:
[1]
2