个人主页搭建web

陈公子的话 · 发表于 2020-12-6 20:32:19

<!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/util.js"></script>
<script src="./js/main.js"></script>
</head>
<body>
<div id="wrapper">
<header id="header">
<div 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>
<li><a href="https://www.kancloud.cn/chhzll/chh_/1884616">在太原的盒子</a></li>
<li><a href="https://mp.weixin.qq.com/s/hb7hmJD6iUeNjxlAbaj_6Q">谁是小陈</a></li>
<li><a href="https://mp.weixin.qq.com/s/_uxczQtNpE5bB7ZXgDX6tw">寻寻觅觅</a></li>
<li><a href="https://mp.weixin.qq.com/s/oFbeE3yy51V6rB52j0CVkA">小陈的日记本</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 = (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">
</audio>
</body>
</html>

复制代码

看到别人开发了一个挺好看，于是自己也去套用了一个。
html+css+js（静态文件托管）

最后放搭出来的成品：http://chhzll.gitee.io/xiaochen

w1907274681 · 发表于 2020-12-6 23:38:45

哥求完整代码我运行不出来啊

陈公子的话 · 发表于 2020-12-8 13:40:45

w1907274681 发表于 2020-12-6 23:38
哥求完整代码我运行不出来啊

是完整的....

王一之 · 发表于 2020-12-8 14:26:18

小陈发表于 2020-12-8 13:40
是完整的....

还有很多资源文件吧

陈公子的话 · 发表于 2020-12-8 14:52:51

王一之发表于 2020-12-8 14:26
还有很多资源文件吧

那玩意....不是F12一下就出来了，save一下

[/img]

陈公子的话 · 发表于 2020-12-8 14:54:26

我寻思是公开的呀...

陈公子的话 · 发表于 2020-12-8 14:57:05

王一之发表于 2020-12-8 14:26
还有很多资源文件吧

哥哥文件大小限制了传不上 F12他下载一下就成

王一之 · 发表于 2020-12-8 16:24:00

小陈发表于 2020-12-8 14:57
哥哥文件大小限制了传不上 F12他下载一下就成

也是,没办法.....可能他不会

个人主页搭建web

发表回复

油中2周年

生态建设者

新人报道

管理员

荣誉开发者

喜迎中秋

油中3周年

挑战者 lv2