超好看的简约二次元动态个人主页导航源码

最新推荐文章于 2024-04-15 07:14:18 发布
最新推荐文章于 2024-04-15 07:14:18 发布
阅读量1.5k 收藏 10
点赞数 2
分类专栏： Wordpress主题 程序源码 网站源码 文章标签： WordPress 导航网 导航 HTML 个人主页
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ouyang12333/article/details/116605165
版权

介绍：

这是一款非常好看的背景动态个人导航页面，有雪花飘落效果，和新随机图片
源码上传解压就可以使用，文字链接修改 index.html 文件
音乐替换 0.mp3 文件


网盘下载地址：

http://kekewl.net/WHmMi7FHcjz0


图片：


ouyang12333
关注
  • 2
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
二次元风格个人引导页html源码.zip
12-31
超级好看的二次元个人引导页html源码，记事本修改，上传服务器就可以了，本地也可以预览，喜欢二次元的朋友们可以下载哦~
html5个人主页源码
05-26
html5个人主页源码 很好用的源码 欢迎来下载啦
带后台的个人导航网站源码.zip
01-06
增加首页公告功能，修复各种已知BUG 在后台即可修改首页公告，更加高端上档次！ 系统运行更稳定、更安全。 修改路径; 网站ICO：根目录/favicon.ico 文件 背景图：根目录/images/52cx.jpg 使用方法： 文件压缩包上传空间解压后，请先修改config.php文件夹内容 然后在打开绑定网站的域名，进行安装程序。 网站后台地址 域名/admin
2024很漂亮的个人主页HTML源码
最新发布
CSDN专家-微编程的博客
04-15 622
很漂亮的个人主页HTML源码，源码由HTML+CSS+JS组成，记事本打开源码文件可以进行内容文字之类的修改，双击html文件可以本地运行效果，也可以上传到服务器里面。
个人主页网页源码
11-17
个人网页 源码 附带资源 index.html是所有网页的入口
个人好看的自适应导航页HTML源码
01-09
源码介绍： 个人导航HTML源码，支持三端自适应，带赞助功能，采用设计配色网站点赞量最高的一个配色方案，一个二次元风格的引导页就此诞生，经过长传美国服务器测试，结果也是很理想，测速达到了全国深绿，手机端，平板端，PC端经过测试自适应效果也是很理想，手机端由于屏幕宽度的局限性，可展示的内容不够丰富，PC端则能完美体现网页的美感，希望本源码能广受大家的喜欢 免费0积分获取，喜欢的朋友可以直接下载，通过记事本可以修改里面的内容，然后双击index.html就可以查询效果，也可以部署到服务器上去
简约清新二次元引导个人主页源码
lisihui12345的博客
04-17 913
介绍： 二次元引导页源码 相对于网络上传的版本增加了一言api增加了随机背景图片api 网盘下载地址： http://kekewangLuo.cc/VCqUvWqdmFX 图片：
超好看的二次元个人主页源码
linxiaoming6的博客
05-11 2569
介绍： 使用方法，直接上传解压即可访问。 网盘下载地址： http://kekewl.org/XejkkyGQEZQ0 图片：
二次元个人主页html源码
幻影龙王
01-19 1458
二次元个人主页html源码源码添加了layer弹出层，pc端以窗口显示，手机端直接打开新页面！修改说明： 首页图片修改style.css文件第5行和146行图片链接进行更换！更换网易云音乐歌单index.html大概66行的位置，修改data-id的值为你的网易云歌单ID！下载地址:https://aswpay.lanzoui.com/iEjBfkk6t2h...
二次元导航HTML源码 可做个人主页
SEO资源下载
04-11 1369
介绍： 二次元导航HTML源码分享的一款导航源码，源码非常的简介大家可以自用，也可以拿来当做一个个人主页，源码是HTML的，大家在index里修改内容即可！ 网盘下载地址： http://kekewl.cc/eDCDYmJ6TdQ 图片： ...
个人主页源码
02-01
一款不错的htmll个人主页，非常好看，很好看。可以随意修改内容
好看的二次元导航引导页源码
05-31
预览参考：https://ccc.huinenglingdong.top/index.php?type=productinfo&id=581 安装说明： 上传访问即可
超级漂亮的个人主页源码
04-10
很漂亮的个人主页源码
我的个人 html 主页源代码
03-30
我的个人 html 主页源代码。 我的个人html主页源代码
我的个人html主页源代码
12-19
我的个人html主页源代码我的个人html主页源代码我的个人html主页源代码我的个人html主页源代码我的个人html主页源代码
简约二次元网址导航发布页HTML源码
12-23
没啥多余可介绍的，就一个个人导航单页源码，非常轻量级， 只有技术KB左右，上传服务器即可自行修改标题文字即可使用，背景图自行替换。
二次元导航个人主页HTML源码
SEO资源下载
01-29 1226
介绍 很好看的一个htmlの引导页/导航页！需要的上！ 下载链接 http://www.bytepan.com/yG0zlRECu0A 图片
漂亮的二次元风格导航页个人主页HTML源码
zhangjing5556的博客
05-07 992
修改index.html内代码即可，注释写的很全，替换图片在文件夹img。本源码非常适合个人工作室主页。漂亮的二次元风格个人主页HTML源码,整个界面采用二次元动态风格，直接上传服务器压缩包解压就完事了，安装方法：直接上传代码到网站目录打开index.html即可使用。修改内容：修改文件index.html即可。注：纯前端html代码不带后台！
音乐个人主页html源码
12-05
以下是一款带有樱花飘落效果和滚动播放背景图片及随机背景音乐的个人导航页面的HTML源码： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>个人导航页面</title> <style type="text/css"> body { background-image: url(bg.jpg); background-size: cover; background-attachment: fixed; background-repeat: no-repeat; background-position: center center; animation: bg 60s linear infinite; -webkit-animation: bg 60s linear infinite; -moz-animation: bg 60s linear infinite; -o-animation: bg 60s linear infinite; } @keyframes bg { 0% { background-image: url(bg1.jpg); } 25% { background-image: url(bg2.jpg); } 50% { background-image: url(bg3.jpg); } 75% { background-image: url(bg4.jpg); } 100% { background-image: url(bg1.jpg); } } @-webkit-keyframes bg { 0% { background-image: url(bg1.jpg); } 25% { background-image: url(bg2.jpg); } 50% { background-image: url(bg3.jpg); } 75% { background-image: url(bg4.jpg); } 100% { background-image: url(bg1.jpg); } } @-moz-keyframes bg { 0% { background-image: url(bg1.jpg); } 25% { background-image: url(bg2.jpg); } 50% { background-image: url(bg3.jpg); } 75% { background-image: url(bg4.jpg); } 100% { background-image: url(bg1.jpg); } } @-o-keyframes bg { 0% { background-image: url(bg1.jpg); } 25% { background-image: url(bg2.jpg); } 50% { background-image: url(bg3.jpg); } 75% { background-image: url(bg4.jpg); } 100% { background-image: url(bg1.jpg); } } #content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; font-size: 36px; font-weight: bold; text-shadow: 2px 2px 2px rgba(0,0,0,0.5); } #music { position: fixed; bottom: 0; left: 0; width: 100%; height: 50px; background-color: rgba(0,0,0,0.5); color: #fff; font-size: 24px; text-align: center; line-height: 50px; z-index: 999; } #music audio { display: none; } #music span { cursor: pointer; } </style> </head> <body> <div id="content"> <h1>个人导航页面</h1> <p>这是一款非常好看的二次元背景动态个人导航页面，有樱花飘落效果和滚动播放背景图片及随机背景音乐，自适应引导页源码看起来非常大气。文字链接修改 index.html 文件。</p> </div> <div id="music"> <audio src="music1.mp3"></audio> <audio src="music2.mp3"></audio> <audio src="music3.mp3"></audio> <span onclick="play()">播放</span> <span onclick="pause()">暂停</span> </div> <script type="text/javascript"> var musicList = document.querySelectorAll("#music audio"); var currentMusic = 0; function play() { musicList[currentMusic].play(); musicList[currentMusic].addEventListener("ended", function() { currentMusic++; if (currentMusic >= musicList.length) { currentMusic = 0; } musicList[currentMusic].play(); }); } function pause() { musicList[currentMusic].pause(); } </script> </body> </html> ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值