个人主页搭建web
<!DOCTYPE HTML>
<html>
<head>
<title>小陈的主页</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
<link rel="stylesheet" href="./css/main.css">
<noscript>
<link rel="stylesheet" href="./css/noscript.css" />
</noscript>
<script src="https://lib.baomitu.com/skel/3.0.1/skel.min.js"></script>
<script src="https://lib.baomitu.com/jquery/3.3.1/jquery.min.js"></script>
<!-- <script src="./js/jquery.min.js"></script> -->
<!-- <script src="./js/skel.min.js"></script> -->
<script src="./js/util.js"></script>
<script src="./js/main.js"></script>
</head>
<body>
<div id="wrapper">
<header id="header">
<div class="logo">
<!-- <img src="./images/head.jpg" class="logo"> -->
<img src="./images/头像.jpg" class="logo">
</div>
<div class="content">
<div class="inner">
<h1>人海茫茫，遇之则幸，不遇是命。 </h1>
</p>
</div>
</div>
<nav>
<script type="text/javascript">
function duihua() {
alert("啥都没有")
}
</script>
<ul>
<li><a href="https://www.kancloud.cn/chhzll/cgzdkd/2056181">陈公子的口袋</a></li><!-- 按钮1-->
<li><a href="https://www.kancloud.cn/chhzll/chh_/1884616">在太原的盒子</a></li><!-- 按钮2-->
<li><a href="https://mp.weixin.qq.com/s/hb7hmJD6iUeNjxlAbaj_6Q">谁是小陈</a></li><!-- 按钮3-->
<li><a href="https://mp.weixin.qq.com/s/_uxczQtNpE5bB7ZXgDX6tw">寻寻觅觅</a></li>
<!-- li><a href="javascript:void(0);" onclick="duihua()">软件收藏</a></li>-->
<li><a href="https://mp.weixin.qq.com/s/oFbeE3yy51V6rB52j0CVkA">小陈的日记本</a></li>
<!-- <li><a href="http://www.baidu.com/" >API</a></li> -->
</ul>
</nav>
</header>
<footer id="footer">
<p class="copyright">@小陈 2020</p><!-- 版权-->
</footer>
</div>
<div id="bg">
</div>
<script type="text/javascript">
document.oncontextmenu = function (t) {
window.event && (t = window.event);
try {
var e = t.srcElement;
return "INPUT" == e.tagName && "text" == e.type.toLowerCase() || "TEXTAREA" == e.tagName ? !0 : !1
} catch (n) {
return !1
}
}, document.onpaste = function (t) {
window.event && (t = window.event);
try {
var e = t.srcElement;
return "INPUT" == e.tagName && "text" == e.type.toLowerCase() || "TEXTAREA" == e.tagName ? !0 : !1
} catch (n) {
return !1
}
}, document.oncopy = function (t) {
window.event && (t = window.event);
try {
var e = t.srcElement;
return "INPUT" == e.tagName && "text" == e.type.toLowerCase() || "TEXTAREA" == e.tagName ? !0 : !1
} catch (n) {
return !1
}
}, document.oncut = function (t) {
window.event && (t = window.event);
try {
var e = t.srcElement;
return "INPUT" == e.tagName && "text" == e.type.toLowerCase() || "TEXTAREA" == e.tagName ? !0 : !1
} catch (n) {
return !1
}
}, document.onselectstart = function (t) {
window.event && (t = window.event);
try {
var e = t.srcElement;
return "INPUT" == e.tagName && "text" == e.type.toLowerCase() || "TEXTAREA" == e.tagName ? !0 : !1
} catch (n) {
return !1
}
};
</script>
<script type="text/javascript">
/*天真网（tzw520.cn） 鼠标弹字特效 */
jQuery(document).ready(function ($) {
$("body").click(function (e) {
var a = new Array("小陈", "chh", "陈公子", "陈公子的话", "在太原的盒子","小陈");
var a_idx = Math.floor(Math.random() * a.length);
var $i = $("<span/>").text(a);
// a_idx = (a_idx + 1) % a.length;
var x = e.pageX,
y = e.pageY;
$i.css({
"z-index": 99999999999,
"top": y - 20,
"left": x,
"position": "absolute",
"font-weight": "bold",
"color": "#ff6651"
});
$("body").append($i);
$i.animate({
"top": y - 180,
"opacity": 0
},
1500,
function () {
$i.remove();
});
});
});
</script>
<audio autoplay>
<source src="music/ren.mp3" type="audio/mpeg"><!-- ！BGM！-->
</audio>
</body>
</html>
看到别人开发了一个挺好看，于是自己也去套用了一个。
html+css+js（静态文件托管）
最后放搭出来的成品：http://chhzll.gitee.io/xiaochen
哥求完整代码 我运行不出来啊 w1907274681 发表于 2020-12-6 23:38
哥求完整代码 我运行不出来啊
是完整的.... 小陈 发表于 2020-12-8 13:40
是完整的....
还有很多资源文件吧 王一之 发表于 2020-12-8 14:26
还有很多资源文件吧
那玩意....不是F12一下就出来了，save一下
%5Bimg%5DC:\Users\lenovo\Desktop\QQ图片20201208145143.png 我寻思是公开的呀... 王一之 发表于 2020-12-8 14:26
还有很多资源文件吧
哥哥 文件大小限制了 传不上F12他下载一下就成 小陈 发表于 2020-12-8 14:57
哥哥 文件大小限制了 传不上F12他下载一下就成
也是,没办法.....可能他不会
页:
[1]