上一主题 下一主题
ScriptCat,新一代的脚本管理器脚本站,与全世界分享你的用户脚本油猴脚本开发指南教程目录
返回列表 发新帖

个人主页搭建web

[复制链接]
  • TA的每日心情
    慵懒
    前天 10:48
  • 签到天数: 97 天

    [LV.6]常住居民II

    143

    主题

    525

    帖子

    849

    积分

    版主

    Rank: 8Rank: 8

    积分
    849

    猫咪币纪念章三好学生活跃会员热心会员突出贡献中秋纪念章国庆纪念章宣传达人推广达人

    发表于 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 

    bilibili:陈公子的话   公众号:陈公子的话
  • TA的每日心情
    开心
    2022-3-8 12:11
  • 签到天数: 1 天

    [LV.1]初来乍到

    7

    主题

    17

    帖子

    32

    积分

    助理工程师

    Rank: 1

    积分
    32

    新人报道活跃会员

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

    使用道具 举报

  • TA的每日心情
    慵懒
    前天 10:48
  • 签到天数: 97 天

    [LV.6]常住居民II

    143

    主题

    525

    帖子

    849

    积分

    版主

    Rank: 8Rank: 8

    积分
    849

    猫咪币纪念章三好学生活跃会员热心会员突出贡献中秋纪念章国庆纪念章宣传达人推广达人

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

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

    使用道具 举报

  • TA的每日心情
    慵懒
    9 小时前
  • 签到天数: 69 天

    [LV.6]常住居民II

    152

    主题

    2019

    帖子

    2149

    积分

    管理员

    Rank: 10Rank: 10Rank: 10

    积分
    2149

    猫咪币纪念章热心会员活跃会员突出贡献三好学生中秋纪念章国庆纪念章管理员家财万贯

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

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

    使用道具 举报

  • TA的每日心情
    慵懒
    前天 10:48
  • 签到天数: 97 天

    [LV.6]常住居民II

    143

    主题

    525

    帖子

    849

    积分

    版主

    Rank: 8Rank: 8

    积分
    849

    猫咪币纪念章三好学生活跃会员热心会员突出贡献中秋纪念章国庆纪念章宣传达人推广达人

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

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

    使用道具 举报

  • TA的每日心情
    慵懒
    前天 10:48
  • 签到天数: 97 天

    [LV.6]常住居民II

    143

    主题

    525

    帖子

    849

    积分

    版主

    Rank: 8Rank: 8

    积分
    849

    猫咪币纪念章三好学生活跃会员热心会员突出贡献中秋纪念章国庆纪念章宣传达人推广达人

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

    使用道具 举报

  • TA的每日心情
    慵懒
    前天 10:48
  • 签到天数: 97 天

    [LV.6]常住居民II

    143

    主题

    525

    帖子

    849

    积分

    版主

    Rank: 8Rank: 8

    积分
    849

    猫咪币纪念章三好学生活跃会员热心会员突出贡献中秋纪念章国庆纪念章宣传达人推广达人

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

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

    使用道具 举报

  • TA的每日心情
    慵懒
    9 小时前
  • 签到天数: 69 天

    [LV.6]常住居民II

    152

    主题

    2019

    帖子

    2149

    积分

    管理员

    Rank: 10Rank: 10Rank: 10

    积分
    2149

    猫咪币纪念章热心会员活跃会员突出贡献三好学生中秋纪念章国庆纪念章管理员家财万贯

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

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

    使用道具 举报

    发表回复

    本版积分规则

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