加林森 发表于 2022-2-2 22:56

冬奥来了——冰上奇缘、花滑伉俪(申雪赵宏博)

本帖最后由 加林森 于 2022-2-3 08:16 编辑 <br /><br />
<style type="text/css">

.pic-dl {
      margin: 0 auto;
      padding: 0;
      width: 700px;
      height: 580px;
      position: relative;
      border: 10px solid #d2c48c;
}
.pic-dt {
      position: absolute;
      width: 700px;
      height: 30px;
      right: 0;
      bottom: 0;
      background: #faebd7;
      text-align: center;
}
.pic-dt span {
      margin: 1px;
      display: inline-block;
      width: 24px;
      height: 24px;
      line-height: 24px;
      font-size: 12px;
      text-decoration: none;
      text-align: center;
      color: #eee;
      background: rgba(0,0,0,.8);
      border-radius: 50%;
      cursor: pointer;
}
.pic-dt span:hover { opacity: 0.8; }
.pic-dt iframe {
      position: absolute;
      left: -50px;
      top: -50px;
      clip-path: circle(33px at 43px 43px);
      opacity: 0.8;
}
.pic-dd {
      margin: 0; padding: 0;
      width: 700px;
      height: 540px;
      display: flex;
      overflow: hidden;
      background: #eee;
}

.pic-dd img {
      width: 696px;
      height: 536px;
      border:2px solid #666;
      object-fit: cover;
}

</style>

<dl class="pic-dl">
      <dt class="pic-dt">
                <span onclick="showpic(1)">1</span>
                <span onclick="showpic(2)">2</span>
                <span onclick="showpic(3)">3</span>
                <span onclick="showpic(4)">4</span>
                <span onclick="showpic(5)">5</span>
                <span onclick="showpic(6)">6</span>
                <iframe class="wyy" frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="https://music.163.com/outchain/player?type=2&id=532802&auto=1&height=32"></iframe>
         </dt>
      <dd class="pic-dd">
                <img id="my_pic" src="https://pic.imgdb.cn/item/61fa94842ab3f51d91480177.jpg" alt="" />
      </dd>
</dl>

<script language="javascript">
var ar_pic = [
      "https://pic.imgdb.cn/item/61fa969b2ab3f51d914a86ea.jpg",
      "https://pic.imgdb.cn/item/61fa97382ab3f51d914b4b33.jpg",
      "https://pic.imgdb.cn/item/61fa969b2ab3f51d914a86ea.jpg",
      "https://pic.imgdb.cn/item/61fa99c02ab3f51d914e4e75.jpg",
      "https://pic.imgdb.cn/item/61fa9a5c2ab3f51d914f099c.jpg",
      "https://pic.imgdb.cn/item/61fa9ad02ab3f51d914f91eb.jpg"
];
function showpic(flag) {
      document.getElementById('my_pic').src = ar_pic;
}
</script>

加林森 发表于 2022-2-2 23:16

故事 大咖故事 第76期 2022-01-29 创建 播放:49079次
介绍: 提到花样滑冰,申雪和赵宏博这个配对组合你一定不会陌生。他们是中国花样滑冰第一对冬奥会冠军,是中国冰雪项目历史上的传奇情侣,两人的运动成就、爱情故事也一直被外人所羡慕。

我是唐莹,欢迎收听和订阅《大咖故事》,今天的大咖是冰上伉俪申雪、赵宏博



马黑黑 发表于 2022-2-3 08:04

滑冰俺不会,来个狗爬式冰上游泳俺没啥问题

加林森 发表于 2022-2-3 08:30

马黑黑 发表于 2022-2-3 08:04
滑冰俺不会,来个狗爬式冰上游泳俺没啥问题

可以的可以的

红影 发表于 2022-2-3 10:48

这个图片轮换也做得挺好的,给队长点赞{:4_187:}

加林森 发表于 2022-2-3 11:11

红影 发表于 2022-2-3 10:48
这个图片轮换也做得挺好的,给队长点赞

嗯嗯,跟到学习不会错的。我刚制作了另外一个阿杜的滚动图片,你看看要得不?

红影 发表于 2022-2-3 14:57

加林森 发表于 2022-2-3 11:11
嗯嗯,跟到学习不会错的。我刚制作了另外一个阿杜的滚动图片,你看看要得不?

队长的学习成果很显著{:4_187:}

加林森 发表于 2022-2-3 16:23

红影 发表于 2022-2-3 14:57
队长的学习成果很显著

是的,我也感觉到了。{:4_189:}
页: [1]
查看完整版本: 冬奥来了——冰上奇缘、花滑伉俪(申雪赵宏博)