上一主题 下一主题
返回列表 发新帖

个人主页搭建web

[复制链接]

90

主题

262

帖子

685

积分

高级会员

Rank: 4

积分
685
发表于 2020-12-6 20:32:19 | 显示全部楼层 | 阅读模式


  1. <!DOCTYPE HTML>
  2. <html>

  3. <head>
  4.         <title>小陈的主页</title>
  5.         <meta charset="utf-8">
  6.         <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
  7.         <link rel="stylesheet" href="./css/main.css">
  8.         <noscript>
  9.                 <link rel="stylesheet" href="./css/noscript.css" />
  10.         </noscript>
  11.         <script src="https://lib.baomitu.com/skel/3.0.1/skel.min.js"></script>
  12.     <script src="https://lib.baomitu.com/jquery/3.3.1/jquery.min.js"></script>
  13.         <!-- <script src="./js/jquery.min.js"></script> -->
  14.         <!-- <script src="./js/skel.min.js"></script> -->
  15.         <script src="./js/util.js"></script>
  16.         <script src="./js/main.js"></script>
  17. </head>

  18. <body>
  19.         <div id="wrapper">
  20.                 <header id="header">
  21.                         <div class="logo">
  22.                                 <!-- <img src="./images/head.jpg" class="logo"> -->
  23.                                 <img src="./images/头像.jpg" class="logo">
  24.                         </div>
  25.                         <div class="content">
  26.                                 <div class="inner">
  27.                                         <h1>人海茫茫,遇之则幸,不遇是命。 </h1>
  28.                                         </p>
  29.                                 </div>
  30.                         </div>
  31.                         <nav>
  32.                                 <script type="text/javascript">
  33.                                         function duihua() {
  34.                                                 alert("啥都没有")
  35.                                         }
  36.                                 </script>
  37.                                 <ul>
  38.                                         <li><a href="https://www.kancloud.cn/chhzll/cgzdkd/2056181">陈公子的口袋</a></li><!-- 按钮1-->
  39.                                         <li><a href="https://www.kancloud.cn/chhzll/chh_/1884616">在太原的盒子</a></li><!-- 按钮2-->
  40.                                         <li><a href="https://mp.weixin.qq.com/s/hb7hmJD6iUeNjxlAbaj_6Q">谁是小陈</a></li><!-- 按钮3-->
  41.                                         <li><a href="https://mp.weixin.qq.com/s/_uxczQtNpE5bB7ZXgDX6tw">寻寻觅觅</a></li>
  42.                                         <!-- li><a href="javascript:void(0);" onclick="duihua()">软件收藏</a></li>-->
  43.                                         <li><a href="https://mp.weixin.qq.com/s/oFbeE3yy51V6rB52j0CVkA">小陈的日记本</a></li>
  44.                                         <!-- <li><a href="http://www.baidu.com/" >API</a></li> -->
  45.                                 </ul>
  46.                         </nav>
  47.                 </header>
  48.                 <footer id="footer">
  49.                         <p class="copyright">@小陈 2020</p><!-- 版权-->
  50.                 </footer>
  51.         </div>
  52.         <div id="bg">
  53.         </div>
  54.         <script type="text/javascript">
  55.                 document.oncontextmenu = function (t) {
  56.                         window.event && (t = window.event);
  57.                         try {
  58.                                 var e = t.srcElement;
  59.                                 return "INPUT" == e.tagName && "text" == e.type.toLowerCase() || "TEXTAREA" == e.tagName ? !0 : !1
  60.                         } catch (n) {
  61.                                 return !1
  62.                         }
  63.                 }, document.onpaste = function (t) {
  64.                         window.event && (t = window.event);
  65.                         try {
  66.                                 var e = t.srcElement;
  67.                                 return "INPUT" == e.tagName && "text" == e.type.toLowerCase() || "TEXTAREA" == e.tagName ? !0 : !1
  68.                         } catch (n) {
  69.                                 return !1
  70.                         }
  71.                 }, document.oncopy = function (t) {
  72.                         window.event && (t = window.event);
  73.                         try {
  74.                                 var e = t.srcElement;
  75.                                 return "INPUT" == e.tagName && "text" == e.type.toLowerCase() || "TEXTAREA" == e.tagName ? !0 : !1
  76.                         } catch (n) {
  77.                                 return !1
  78.                         }
  79.                 }, document.oncut = function (t) {
  80.                         window.event && (t = window.event);
  81.                         try {
  82.                                 var e = t.srcElement;
  83.                                 return "INPUT" == e.tagName && "text" == e.type.toLowerCase() || "TEXTAREA" == e.tagName ? !0 : !1
  84.                         } catch (n) {
  85.                                 return !1
  86.                         }
  87.                 }, document.onselectstart = function (t) {
  88.                         window.event && (t = window.event);
  89.                         try {
  90.                                 var e = t.srcElement;
  91.                                 return "INPUT" == e.tagName && "text" == e.type.toLowerCase() || "TEXTAREA" == e.tagName ? !0 : !1
  92.                         } catch (n) {
  93.                                 return !1
  94.                         }
  95.                 };
  96.         </script>
  97.         <script type="text/javascript">
  98.                 /*天真网(tzw520.cn) 鼠标弹字特效 */

  99.                 jQuery(document).ready(function ($) {
  100.                         $("body").click(function (e) {
  101.                                 var a = new Array("小陈", "chh", "陈公子", "陈公子的话", "在太原的盒子","小陈");
  102.                                 var a_idx = Math.floor(Math.random() * a.length);
  103.                                 var $i = $("<span/>").text(a[a_idx]);
  104.                                 // a_idx = (a_idx + 1) % a.length;
  105.                                 var x = e.pageX,
  106.                                         y = e.pageY;
  107.                                 $i.css({
  108.                                         "z-index": 99999999999,
  109.                                         "top": y - 20,
  110.                                         "left": x,
  111.                                         "position": "absolute",
  112.                                         "font-weight": "bold",
  113.                                         "color": "#ff6651"
  114.                                 });
  115.                                 $("body").append($i);
  116.                                 $i.animate({
  117.                                                 "top": y - 180,
  118.                                                 "opacity": 0
  119.                                         },
  120.                                         1500,
  121.                                         function () {
  122.                                                 $i.remove();
  123.                                         });
  124.                         });
  125.                 });
  126.         </script>
  127.         <audio autoplay>
  128.                 <source src="music/ren.mp3" type="audio/mpeg"><!-- !BGM!-->

  129.         </audio>
  130. </body>

  131. </html>
复制代码


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

最后放搭出来的成品:http://chhzll.gitee.io/xiaochen
已有1人评分威望 贡献 理由
李恒道 + 2 + 1

查看全部评分 总评分:威望 +2  贡献 +1 

Vx:rsnhkx2015  公众号:陈公子的话
回复

使用道具 举报

3

主题

8

帖子

68

积分

注册会员

Rank: 2

积分
68
发表于 2020-12-6 23:38:45 | 显示全部楼层
哥求完整代码 我运行不出来啊
回复

使用道具 举报

90

主题

262

帖子

685

积分

高级会员

Rank: 4

积分
685
发表于 2020-12-8 13:40:45 | 显示全部楼层
w1907274681 发表于 2020-12-6 23:38
哥求完整代码 我运行不出来啊

是完整的....
Vx:rsnhkx2015  公众号:陈公子的话
回复

使用道具 举报

43

主题

426

帖子

619

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
619
发表于 2020-12-8 14:26:18 | 显示全部楼层

还有很多资源文件吧
上不慕古,下不肖俗。为疏为懒,不敢为狂。为拙为愚,不敢为恶。/ 微信公众号:一之哥哥
回复

使用道具 举报

90

主题

262

帖子

685

积分

高级会员

Rank: 4

积分
685
发表于 2020-12-8 14:52:51 | 显示全部楼层
王一之 发表于 2020-12-8 14:26
还有很多资源文件吧

那玩意....不是F12一下就出来了,save一下
[/img]
Vx:rsnhkx2015  公众号:陈公子的话
回复

使用道具 举报

90

主题

262

帖子

685

积分

高级会员

Rank: 4

积分
685
发表于 2020-12-8 14:54:26 | 显示全部楼层
我寻思是公开的呀...
Vx:rsnhkx2015  公众号:陈公子的话
回复

使用道具 举报

90

主题

262

帖子

685

积分

高级会员

Rank: 4

积分
685
发表于 2020-12-8 14:57:05 | 显示全部楼层
王一之 发表于 2020-12-8 14:26
还有很多资源文件吧

哥哥 文件大小限制了 传不上  F12他下载一下就成
Vx:rsnhkx2015  公众号:陈公子的话
回复

使用道具 举报

43

主题

426

帖子

619

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
619
发表于 2020-12-8 16:24:00 | 显示全部楼层
小陈 发表于 2020-12-8 14:57
哥哥 文件大小限制了 传不上  F12他下载一下就成

也是,没办法.....可能他不会
上不慕古,下不肖俗。为疏为懒,不敢为狂。为拙为愚,不敢为恶。/ 微信公众号:一之哥哥
回复

使用道具 举报

发表回复

本版积分规则

快速回复 返回顶部 返回列表