h5 + js 炫酷相册

914406232

于 2019-11-29 15:43:27 发布

阅读量2.8k

点赞数 1

分类专栏：其他

本文链接：https://blog.youkuaiyun.com/pyf_914406232/article/details/103311998

版权

本文介绍了一位作者如何通过学习H5和JS，制作出一个旋转的科比布莱恩特高清图片相册，并且添加了音乐和爱心特效，提升了页面的视觉效果。作者分享了学习过程和成果，提供了源代码下载链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

昨晚看抖音，看别别人用h5和js简简单单就做好了一个很炫酷的页面，照片旋转起来，看起来很酷，我今天没有什么事，就简单的查找了一下资料，最后的成果展示一下：

我觉得还是很帅的，我喜欢科比布莱恩特，所以就搞了很多张科比的高清图片来旋转。

嗯。。。看起来还是那么帅！

学习完了，不忘把成果分享一下，这个页面不知道拿来撩做前端的小姐姐会不会有效果。。。

后来，我发现这个其实可以加点音乐也可以加点特效等浪漫元素。

于是，我又添加了下面一段代码：

    <audio id="music" loop="loop" autoplay="autoplay">
        <source src="img/bg.mp3" type="audio/mpeg">
    </audio>

    <canvas></canvas>
    <div id="container" class="container"></div>

    <script src="https://code.jquery.com/jquery-3.2.1.min.js" charset="utf-8"></script>
    <script type

最低0.47元/天解锁文章