【免费】随机背景个人引导页源码_个人引导页源码资源-CSDN文库

共15个文件

jpg：8个

html：3个

png：2个

需积分: 0 44 浏览量 2024-03-04 16:52:51 上传评论收藏 1.83MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

66492渐进淡出背景个人导航页源码.zip （15个子文件）

66492渐进淡出背景个人导航页源码

软希网更多资源下载.html 68B

index.html 5KB

渐进淡出背景个人导航页源码

index.html 5KB

static

192.png 2KB

background-2.jpg 201KB

background-6.jpg 188KB

background-1.jpg 358KB

paul.css 5KB

background-3.jpg 213KB

background-4.jpg 304KB

background-7.jpg 126KB

32.png 1KB

paul.js 1KB

avatar.jpg 13KB

background-5.jpg 486KB

<!DOCTYPE html> <html> <head>  <meta charset="UTF-8"> <title>软希网</title> <link href="static/32.png" rel="icon" sizes="32x32"/> <link href="static/192.png" rel="icon" sizes="192x192"/> <link href="static/paul.css" rel="stylesheet" type="text/css"/> <meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1"/> <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"> <style> body { background-image: url('static/background-1.jpg'); background-size: cover; transition: background-image 1s ease-in-out; } </style> <script> window.onload = function() { var images = ['static/background-1.jpg', 'static/background-2.jpg', 'static/background-3.jpg', 'static/background-4.jpg', 'static/background-5.jpg', 'static/background-6.jpg', 'static/background-7.jpg']; var currentIndex = 0; function changeBackground() { document.body.style.backgroundImage = 'url(' + images[currentIndex] + ')'; currentIndex = (currentIndex + 1) % images.length; } setInterval(changeBackground, 5000); } </script> </head>  <body> <div id="loader"> <figure> <img src="static/avatar.jpg"/> </figure> </div> <main> <div class="content"> <figure class="me"> <img class="avatar" src="static/avatar.jpg"/> <h2 class="name">软希网</h2> </figure> <section id="main" class="active"> <a href="https://www.58soho.cn" title="深入浅出，日常折腾记录"><i class="fa fa-home"></i><span class="title">我的小窝</span></a> <a href="https://www.58soho.cn" title="分享技术与生活"><i class="fa fa-book"></i><span class="title">在线工具箱</span></a> <a href="http://www.58soho.cn" target="_blank" title="来听歌吧"><i class="fa fa-music"></i><span class="title">沐域名</span></a> <a href="https://www.58soho.cn" target="_blank" title="找我"><i class="fa fa-steam"></i><span class="title">域名抢注</span></a> <a href="https://www.58soho.cn" target="_blank"><i class="fa fa-github"></i><span class="title">精品资源</span></a> <a href="https://www.58soho.cn" target="_blank"><i class="fa fa-flag"></i><span class="title">美写真图</span></a> </section> <section id="articles"> <a href="https://www.58soho.cn" target="_blank">酷炫的个人动态引导页HTML源码<span class="meta">2024-03-03</span></a> <a href="https://www.58soho.cn" target="_blank">清新唯美的个人导航页源码<span class="meta">2024-03-03</span></a> <a href="https://www.58soho.cn" target="_blank">精品软件下载介绍页HTML源码<span class="meta">2024-03-02</span></a> <a href="https://www.58soho.cn" target="_blank">2024绿色清新网站发布页导航源码免费分享<span class="meta">2024-03-02</span></a> <a href="https://www.58soho.cn" target="_blank">动漫风格网站地址发布页源码免费下载<span class="meta">2024-03-01</span></a> </section> <section id="products"> <a class="item" href="https://www.58soho.cn" target="_blank"> 奇趣框架<span class="meta">简洁优雅的基础 CSS 框架</span> </a> <a class="item" href="https://www.58soho.cn" target="_blank"> 看板娘插件<span class="meta">在博客上显示看板娘</span> </a> <a class="item" href="https://www.58soho.cn"> 奇趣起始页<span class="meta">开源的极简起始页</span> </a> <a class="item" href="https://www.58soho.cn" target="_blank"> Single<span class="meta">以单身为灵感创作的主题</span> </a> <a class="item" href="https://www.58soho.cn" target="_blank"> Fantasy<span class="meta">动漫少女粉博客主题</span> </a> <a class="item" href="https://www.58soho.cn" target="_blank"> QQ沐 API<span class="meta">免费实用的公益 API</span> </a> </section> <section id="about"> <p>软希网（www.58soho.cn）每天准时更新,免费网络资源,分享平台,聚集了全网资源,娱乐,技术,教程,软件,线报,源码,等超多优质资源,分享平台！</p> <p class="text-center"><a href="https://www.58soho.cn" target="_blank">详细阅读</a></p> </section> <div class="actions"> <span class="item home active" title="找到我">首页</span> <span class="item article" title="近期文章">文章</span> <span class="item product" title="精选作品">作品</span> <span class="item about" title="关于我">关于我</span> </div> </div> </main> <footer> <p>© 2024 By <a href="https://www.58soho.cn">软希网</a>.</p> </footer>  <script src="static/paul.js"></script> </body> </html>

评论收藏

内容反馈