个人网页设计
- 个人网页（html+css+js）——带背景音乐、樱花飘落效果
- 页面美观，样式丰富
- 可以根据自己需求进行修改
- 源码在这里获取https://download.csdn.net/download/weixin_61370021/86087510
- 首页
- 主页页面
- 博客页面
- 相册页面
- 视频页面
- index.html
<htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width, initial-scale=1.0"><title>Lily Yu的主网页</title><linkhref="css/styles.css"rel="stylesheet"></head><body><divclass="home"><divclass="content"><divclass="stars"></div><imgclass="bgc"src="img/1-4.jpg"width="100%"height="100%"alt=""><h2class="title">欢迎来到我的个人网站</h2><h3class="titles">今天也是美好的一天</h3><!-- <img class="icon" src="./img/abc.jpg" alt="">--><divclass='ribbon'><ahref='home_page.html'><span>主页</span></a><ahref='blog_major.html'><span>博客</span></a><ahref='album.html'><span>相册</span></a><ahref='video.html'><span>视频</span></a></div><audioautoplay="autoplay"id="audio"loop="loop"preload="auto"controls="pausebutton"><!--面板设置--><sourcesrc="music/起风了（Cover 高橋優） - 买辣椒也用券.mp3"type="audio/MP3"><!--内容设置--></audio><!-- <img class="music_img" src="./img/music_img.png" alt="" > --></div></body><script>let mucics = document.getElementById('audio')
document.body.addEventListener('mousemove',function(){setTimeout(()=>{
mucics.play();},2000);},false);</script><scriptsrc="js/jquery.min.js"></script></html>
本文转载自: https://blog.csdn.net/weixin_61370021/article/details/125762631
版权归原作者 "wink 所有， 如有侵权，请联系我们删除。
版权归原作者 "wink 所有， 如有侵权，请联系我们删除。