起个网名好难 发表于 2024-6-5 16:15

高考

本帖最后由 起个网名好难 于 2024-6-5 21:13 编辑 <br /><br />https://5b0988e595225.cdn.sohucs.com/images/20180608/2365da0f20484f2b915db056927d140e.gif
<hr>
<meta name="referrer" content="never" />
<style>
#oblk        {
--w:510px;--h:720px;
        width:var(--w);
        height:calc(var(--h));
        overflow:hidden;
        border-radius:24px;
        box-shadow:4px 4px 10px black;
        position:relative;
        margin:auto;
       
        #pichold        {
                width:calc(21 * var(--w));
                position:absolute;
                left:0px;left:0px;
                z-index:10;
                animation: mleft 105s steps(21) infinite;
               
                & img        {width:var(--w);height:var(--h);float:left;}
                &:hover        {animation-play-state: paused;cursor:pointer;}
        }
}       
@keyframes        mleft        {to {left:calc(-21 * var(--w));}}
</style>
<div id="oblk">
        <div id="pichold">
                <img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/58MYy3nfd7R8hfppNK5lrk60NEc4qqXrV3qCN7JJx8QcdbwtgHu7Wax9hzJRrCJ8uAYsK7tCkHFZ0l7pNJ0G2Q/640"/>
                <img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/58MYy3nfd7R8hfppNK5lrk60NEc4qqXrv1ns91Vn1byHzmBJuU0ItwgHf1hlQ6CAJ1whn5JqI6Yib8OtGPK3fjg/640"/>
                <img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/58MYy3nfd7R8hfppNK5lrk60NEc4qqXrjV8IxRgCTcJk95T07DcyFxSqcKfawqQyia0q7yOqdNWeUuX8wtXKia9A/640"/>
                <img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/58MYy3nfd7R8hfppNK5lrk60NEc4qqXryDkmcaA1lQDwFof1zicfcGLgSReualHLyBCmnXDHLFYlsSoAP37ybTw/640"/>
                <img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/58MYy3nfd7R8hfppNK5lrk60NEc4qqXromTFYA0QT7UL7c5yc5DdCvG8Wm6qqUH9QgkEyPzIB41FLkF2MX8QhQ/640"/>
                <img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/58MYy3nfd7R8hfppNK5lrk60NEc4qqXrYzbiabTja9oYZibFbziaDBaXo9Yjeltfw1s5ju4E7IEUrs3s4LTqjlmYA/640"/>
                <img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/58MYy3nfd7R8hfppNK5lrk60NEc4qqXrdIHH71dk9qelvicgomibGz6gs8FWHvDUKlQKibia8E0Lf3z9iaXibq3ICKpA/640"/>
                <img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/58MYy3nfd7R8hfppNK5lrk60NEc4qqXr3JlnUsHWOLK4B64WcP94CqmpzbkiatYzQ5htU5oYUqjT671El1sIaDA/640"/>
                <img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/58MYy3nfd7R8hfppNK5lrk60NEc4qqXrZibpvMpmDibSDCbRdcpQ0hF4CsOFIwXq3pxLjy4djLQCTa4p39A4T39A/640"/>
                <img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/58MYy3nfd7R8hfppNK5lrk60NEc4qqXrGicBggKITf5pff5HOzExb5Q5MxKpyZTcCqJOsCaZWXMxRbueT7gbv5g/640"/>
                <img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/58MYy3nfd7R8hfppNK5lrk60NEc4qqXrz5A8pgpDZ9Whgib23icj73jMPbibVibrpKfkFZGtdal3gk57tcTKq61AibA/640"/>
                <img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/58MYy3nfd7R8hfppNK5lrk60NEc4qqXrQia1ydZ9M1dCyBNpWlEZ2Twj02Q5Up7HlmyIBDr8LEQthg77Pofrasg/640"/>
                <img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/58MYy3nfd7R8hfppNK5lrk60NEc4qqXr670FAuu21BahTsLdAz6V9ArUiaocVOJBbtPM5YZHSK9lm4M3kfJpIgw/640"/>
                <img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/58MYy3nfd7R8hfppNK5lrk60NEc4qqXrUfG9CCiadcreXvFLpSaUtKk9dahxMw87Tj3Tx2HiarfdLegOZ3zywntw/640"/>
                <img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/58MYy3nfd7R8hfppNK5lrk60NEc4qqXrUb3mfDlGu7ia5TBrAsFKOSPIQDicEtN3lwZgAIfeCvVAiakBhVfgnfKQw/640"/>
                <img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/58MYy3nfd7R8hfppNK5lrk60NEc4qqXrOfLe2F6eYk0Rx55FDrVNiaxUia732ianR9icJk8wXiaK3miaI2mrMtLYMeRA/640"/>
                <img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/58MYy3nfd7R8hfppNK5lrk60NEc4qqXrgqksyztM5epkQ9g2L1yiacicB2wJKnbjOfJklc5soZMyBvaYOKNBjcwg/640"/>
                <img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/58MYy3nfd7R8hfppNK5lrk60NEc4qqXrAUrhKIKa3lWBudCJ0MIcuhFMickCzAFVzAnXzChp2FwVzLAibUDSAdtQ/640"/>
                <img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/58MYy3nfd7R8hfppNK5lrk60NEc4qqXr9BHfw5fOgoXGib5FG8oica4sFdGrCNjyoWrW7sKxVb7HGeX4tXYibEeDg/640"/>
                <img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/58MYy3nfd7R8hfppNK5lrk60NEc4qqXrbibhstwXmiaeZUvFNMdFApn2BudLsiazOPLopicbRN4n8Y7hFlTgVnokbQ/640"/>
                <img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/58MYy3nfd7R8hfppNK5lrk60NEc4qqXrF9lQOFIAbkQ5r0oZQnxCZ9xkhPKDOxmr3z2VW61pjlsrWdVFPzYMCQ/640"/>
        </div>
        <img src="https://www.arpun.com/soft/UploadPic/2017-9/201791511574993926_arpun.gif" style="position:absolute;right:5px;bottom:0px;width:120px;height:80px;z-index:99;">
</div>

梦江南 发表于 2024-6-5 17:09

欣赏老师的精彩音画！

东篱闲人 发表于 2024-6-5 17:25

多图幻灯显示，不错。。。{:5_116:}

起个网名好难 发表于 2024-6-5 18:09

梦江南 发表于 2024-6-5 17:09
欣赏老师的精彩音画！

谢谢鼓励支持！

起个网名好难 发表于 2024-6-5 18:10

东篱闲人 发表于 2024-6-5 17:25
多图幻灯显示，不错。。。

谢谢鼓励支持！

东篱闲人 发表于 2024-6-5 18:55

起个网名好难 发表于 2024-6-5 18:10
谢谢鼓励支持！

非常实用的代码！{:5_116:}

红影 发表于 2024-6-5 18:59

看得笑喷，靠想象力高考啊{:4_170:}

红影 发表于 2024-6-5 19:00

最后的祝福很温馨，乾坤未定，你我皆黑马{:4_178:}

红影 发表于 2024-6-5 19:01

借难难好帖，同祝全天下学子取得好成绩{:4_199:}

起个网名好难 发表于 2024-6-5 19:56

红影 发表于 2024-6-5 18:59
看得笑喷，靠想象力高考啊

有“力”就行{:5_106:}

起个网名好难 发表于 2024-6-5 19:57

红影 发表于 2024-6-5 19:01
借难难好帖，同祝全天下学子取得好成绩

明天就是高考日，祝学子们都能称心如意。

小辣椒 发表于 2024-6-5 20:48

难难这个特效是不用鼠标点击的，会自动转换，那刚才老头的图我要重新去看看

小辣椒 发表于 2024-6-5 20:49

欣赏难难好制作{:4_199:}

起个网名好难 发表于 2024-6-5 21:16

小辣椒 发表于 2024-6-5 20:48
难难这个特效是不用鼠标点击的，会自动转换，那刚才老头的图我要重新去看看

就是几张图片轮流显示，没有鼠标点击的事件处理， 加了个鼠标停在画面上暂停轮流播放。

起个网名好难 发表于 2024-6-5 21:16

小辣椒 发表于 2024-6-5 20:49
欣赏难难好制作

谢谢鼓励支持！

晚上好！

红影 发表于 2024-6-5 22:22

起个网名好难 发表于 2024-6-5 19:56
有“力”就行

这里面好几个图图都特别好玩{:4_170:}

红影 发表于 2024-6-5 22:22

起个网名好难 发表于 2024-6-5 19:57
明天就是高考日，祝学子们都能称心如意。

这份心意真好，跟难难一起祝福{:4_187:}

樵歌 发表于 2024-6-6 07:51

幽默的的严肃话题。
祝所有考生都发挥正常。考出满意的成绩！

梦油 发表于 2024-6-6 09:03

一路风雨兼程，终将迎来辉煌时刻。高考加油，愿学子们笔下生花，金榜题名！

起个网名好难 发表于 2024-6-6 09:03

红影 发表于 2024-6-5 22:22
这里面好几个图图都特别好玩

就是搞笑的{:5_106:}
页: [1] 2 3 4
查看完整版本: 高考