马黑黑 发表于 2022-1-19 18:13

带大猫咪去看世界

本帖最后由 马黑黑 于 2022-1-19 19:11 编辑 <br /><br /><style type="text/css">
.mBox {
        margin: 10px auto;
        width: 700px;
        height: 450px;
        position: relative;
        overflow: hidden;
        border: 1px solid navy;
        box-shadow: 2px 2px 4px 1px #444;
}
.pBox {
        position: absolute;
        animation: Roll 20s infinite steps(10,end);
        display: block;
}
.pBox:hover {
        cursor: pointer;
        animation-play-state: paused;
}
.pBox img {
        width: 700px;
        height:450px;
        float: left;
}
@keyframes Roll {
        0% { top: 0px; }
        100% { top: -4500px; }
</style>

<div class="mBox">
        <div id="pBox" class="pBox">
                <img alt="" src="https://638183.freep.cn/638183/Pic/fj1.jpg" /><br>
                <img alt="" src="https://638183.freep.cn/638183/Pic/fj2.jpg" /><br>
                <img alt="" src="https://638183.freep.cn/638183/Pic/fj3.jpg" /><br>
                <img alt="" src="https://638183.freep.cn/638183/Pic/fj4.jpg" /><br>
                <img alt="" src="https://638183.freep.cn/638183/Pic/fj5.jpg" /><br>
                <img alt="" src="https://638183.freep.cn/638183/Pic/fj6.jpg" /><br>
                <img alt="" src="https://638183.freep.cn/638183/Pic/fj7.jpg" /><br>
                <img alt="" src="https://638183.freep.cn/638183/Pic/fj8.jpg" /><br>
                <img alt="" src="https://638183.freep.cn/638183/Pic/fj9.jpg" /><br>
                <img alt="" src="https://638183.freep.cn/638183/Pic/fj10.jpg" />
        </div>
</div>
<audio id="ktv" src="http://www.kumeiwp.com/sub/filestores/2021/12/30/45716ac7c13d7bfd471a155f0e3253cc.mp3" loop="loop" autoplay="autoplay"></audio>

<script language="javascript">
var ktv = document.getElementById('ktv');
document.getElementById('pBox').onclick=function(){ ktv.paused ? ktv.play() : ktv.pause(); }
</script>

大猫咪 发表于 2022-1-19 19:29

嗯嗯，跟着老黑看世界，瑞士。巴厘岛。大理，呼伦贝尔大草原。。。。{:4_170:}

大猫咪 发表于 2022-1-19 19:31

老黑这个好，以后 可以把照片这样发出来。真好{:4_187:}

大猫咪 发表于 2022-1-19 19:31

谢谢老黑{:4_187:} 晚上好，{:4_190:}

马黑黑 发表于 2022-1-19 19:53

大猫咪 发表于 2022-1-19 19:31
谢谢老黑 晚上好，

看完回家不{:5_117:}

马黑黑 发表于 2022-1-19 19:54

大猫咪 发表于 2022-1-19 19:29
嗯嗯，跟着老黑看世界，瑞士。巴厘岛。大理，呼伦贝尔大草原。。。。

俺走过的地儿你咋那么清楚

马黑黑 发表于 2022-1-19 19:54

大猫咪 发表于 2022-1-19 19:29
嗯嗯，跟着老黑看世界，瑞士。巴厘岛。大理，呼伦贝尔大草原。。。。

你说得对

大猫咪 发表于 2022-1-19 20:01

马黑黑 发表于 2022-1-19 19:54
你说得对

{:5_117:} 老黑照的啊真棒

红影 发表于 2022-1-19 20:01

发现鼠标滑动参与动作时，会变成“手”的形状，前面倒是一直没注意呢{:4_204:}

红影 发表于 2022-1-19 20:02

这个好像不显示出播放器呢，记得黛玉那个之前是可以显示出播放器的。

红影 发表于 2022-1-19 20:02

风景美丽，歌曲好听，猫猫收礼开心{:4_187:}

大猫咪 发表于 2022-1-19 20:08

红影 发表于 2022-1-19 20:02
风景美丽，歌曲好听，猫猫收礼开心

谢谢红影{:5_117:}一起游{:4_190:}

樵歌 发表于 2022-1-19 20:19

俺们来搭个顺风机行不。{:4_173:}

樵歌 发表于 2022-1-19 20:20

这个好，一幅幅走过，而且鼠标点住图面就停了。

马黑黑 发表于 2022-1-19 20:30

樵歌 发表于 2022-1-19 20:20
这个好，一幅幅走过，而且鼠标点住图面就停了。

是的，和前一个比，改动也不大：变换方式改变，加入了步伐

马黑黑 发表于 2022-1-19 20:31

大猫咪 发表于 2022-1-19 20:01
老黑照的啊真棒

哈哈{:4_170:}

马黑黑 发表于 2022-1-19 20:32

红影 发表于 2022-1-19 20:01
发现鼠标滑动参与动作时，会变成“手”的形状，前面倒是一直没注意呢

手形太简单了： cursor: pointer

马黑黑 发表于 2022-1-19 20:33

红影 发表于 2022-1-19 20:02
这个好像不显示出播放器呢，记得黛玉那个之前是可以显示出播放器的。

这个是音画帖，有按钮就破坏整体美，所以单点图片暂停音乐

马黑黑 发表于 2022-1-19 20:33

樵歌 发表于 2022-1-19 20:19
俺们来搭个顺风机行不。

你没有300公斤就没事

马黑黑 发表于 2022-1-19 20:34

红影 发表于 2022-1-19 20:02
风景美丽，歌曲好听，猫猫收礼开心

猫猫是谁呀？
页: [1] 2 3 4
查看完整版本: 带大猫咪去看世界