小辣椒 发表于 2025-8-22 21:25

爱江山更爱美人 （套用黑黑大雅无曲播放器效果）


<style>
        @import 'https://638183.freep.cn/638183/web/css/tz01.css';
        #pa { --offsetX: 81px; --bg: url('https://xlaj.cn/upfile/2025/08/17/9.jpg') no-repeat center/cover; --ma-size: 20%; --rot: 0; }
        #pa::before { position: absolute; content: url('https://xlaj.cn/upfile/2025/08/17/007.png'); scale: 3.5; transform: rotate(var(--rot)); opacity: 0; transition: 3.2s; }
        #pa:hover::before { opacity: 1;scale: 1;}
        #ma {bottom:5% ;right: 5%; opacity: .75;}
        #ma::after { position: absolute; content: ''; left: 0; top: 0; right: 0; bottom: 0; background: repeating-conic-gradient(yellow, transparent, Red 10%), url('https://638183.freep.cn/638183/t22/gif/121.gif'); background-blend-mode: screen; clip-path: url(#svgPath); }
        #btnFs { bottom: 20px; color: #eee; }
</style>

<svg width="0" height="0">
        <clipPath id="svgPath" clipPathUnits="objectBoundingBox">
                <path d="M1,0.5 Q0.484,0.5,0.879,0.826 Q0.484,0.5,0.574,1 Q0.484,0.5,0.227,0.94 Q0.484,0.5,0,0.674 Q0.484,0.5,0,0.326 Q0.484,0.5,0.227,0.06 Q0.484,0.5,0.574,0 Q0.484,0.5,0.879,0.174 Q0.484,0.5,1,0.5" />
        </clipPath>
</svg>
<div id="pa">
        <audio id="aud" src="https://xlaj.cn/upfile/2025/08/17/01.mp3" autoplay loop></audio>
        <video class="pd-vid" src="https://video-qn.51miz.com/preview/video/00/00/13/09/V-130942-864B05CF.mp4" autoplay loop muted></video>
        <div id="ma" class="sepia"></div>
</div>

<script type="module">
        import { FS } from 'https://638183.freep.cn/638183/web/js/fullscreen.js';
        FS(pa, ma);
        var clickNum = 0;
        const clickCircle = (e, r = 70) => {
                var cx = pa.clientWidth / 2 + 20, cy = pa.clientHeight / 2 - 40, px = e.offsetX, py = e.offsetY;
                return (cx - px) ** 2 + (cy - py) ** 2 < r ** 2;
        };
        pa.onmousemove = (e) => pa.style.cursor = clickCircle(e) ? 'pointer' : 'default';
        pa.onclick = (e) => {
                if (!clickCircle(e)) return;
                clickNum ++;
                pa.style.setProperty('--rot', clickNum + 'turn');
        };
</script>

小辣椒 发表于 2025-8-22 21:26

纯套用黑黑的代码玩一个。里面有2个美女，一个要自己找出来的{:4_189:}
@马黑黑

马黑黑 发表于 2025-8-22 21:49

小辣椒 发表于 2025-8-22 21:26
纯套用黑黑的代码玩一个。里面有2个美女，一个要自己找出来的
@马黑黑

俺找镁铝是高手{:4_170:}

花飞飞 发表于 2025-8-22 21:54

小辣椒 发表于 2025-8-22 21:26
纯套用黑黑的代码玩一个。里面有2个美女，一个要自己找出来的
@马黑黑

菇凉身上写的我会转，摸了半天不知道从哪里转。。{:4_173:}

花飞飞 发表于 2025-8-22 21:56

小辣椒这个小播漂亮的，我也跟了一个。。
美人儿图片从大到小还从小到大，还会隐去 ，这个效果绝妙。。{:4_199:}
小辣椒的音乐是高质量的，好听。。

小辣椒 发表于 2025-8-22 22:05

马黑黑 发表于 2025-8-22 21:49
俺找镁铝是高手

哈哈，果然黑黑是高手，你的代码就是直接套用，就喜欢美女出来旋转的效果

小辣椒 发表于 2025-8-22 22:05

花飞飞 发表于 2025-8-22 21:54
菇凉身上写的我会转，摸了半天不知道从哪里转。。

点击就转了{:4_170:}

小辣椒 发表于 2025-8-22 22:07

花飞飞 发表于 2025-8-22 21:56
小辣椒这个小播漂亮的，我也跟了一个。。
美人儿图片从大到小还从小到大，还会隐去 ，这个效果绝妙。。{:4 ...

这个葫芦丝，是我FLASH老师演奏的，他发我我就用上了

红影 发表于 2025-8-22 22:29

这个有意思，还在那小美人身上加了我会转的文字，这个提示好{:4_173:}
制作非常漂亮，欣赏亲爱的好帖{:4_199:}

杨帆 发表于 2025-8-22 22:47

漂亮！谢谢小辣椒精彩分享{:4_204:}

花飞飞 发表于 2025-8-22 23:01

小辣椒 发表于 2025-8-22 22:05
点击就转了

{:4_170:}转了转了，这回真的转了，真听小辣椒的话

花飞飞 发表于 2025-8-22 23:02

小辣椒 发表于 2025-8-22 22:07
这个葫芦丝，是我FLASH老师演奏的，他发我我就用上了

有才华。。，优秀的人认识优秀的人。{:4_170:}

梦江南 发表于 2025-8-23 07:55

我怎么点来点去小美女不会转啊？{:4_173:}

梦江南 发表于 2025-8-23 07:55

找不到另一个美女。{:4_173:}

梦江南 发表于 2025-8-23 07:57

这帖有趣，做得真好！{:4_187:}

小辣椒 发表于 2025-8-23 16:38

红影 发表于 2025-8-22 22:29
这个有意思，还在那小美人身上加了我会转的文字，这个提示好
制作非常漂亮，欣赏亲爱的好帖{:4_1 ...

哈哈，这个字不上去我自己都不知道点击的位置

小辣椒 发表于 2025-8-23 16:39

杨帆 发表于 2025-8-22 22:47
漂亮！谢谢小辣椒精彩分享

问好杨帆，谢谢杨帆欣赏{:4_187:}

小辣椒 发表于 2025-8-23 16:40

花飞飞 发表于 2025-8-22 23:01
转了转了，这回真的转了，真听小辣椒的话

哈哈，点击三个字就可以了

小辣椒 发表于 2025-8-23 16:51

花飞飞 发表于 2025-8-22 23:02
有才华。。，优秀的人认识优秀的人。

我FLASF老师是真的很厉害，当初我师父让我进教室学习一下FL软件制作，碰到的这个老师结果前几年也是因为眼睛视力问题放弃了，还好现在FLASH都看不见了，也是不可惜了。但他改行学习乐器，现在会的太多了，也是好佩服他的，人才的

小辣椒 发表于 2025-8-23 16:52

梦江南 发表于 2025-8-23 07:55
我怎么点来点去小美女不会转啊？

阿姨好，点击这三个字的位置上就可以了
页: [1] 2
查看完整版本: 爱江山更爱美人 （套用黑黑大雅无曲播放器效果）