今天闲着没事花了几个小时写了个个人网站；在盒子布局上花了点时间。

个人网站共六个静态界面，每个界面都有隐藏的音乐，自动播放。

个人网站分为三个部分，登录界面，主界面，以及分界面。

登陆界面主要核心js代码:

 <script>function checkLogon(){var name = document.getElementById("username").value;var pass = document.getElementById("password").value;//判断非空if((name==null || name=="") || (pass==null || pass=="")){alert("用户名或密码不能为空！！");}else{if(name=="123" && pass=="123"){alert("登录成功！");//这里写你页面跳转的语句window.location.href="个人网站主界面.html";}else{alert("用户名或密码错误！！");}}}</script>

主界面：主界面采用四个盒子分别代表个人简历，我的理想，我的生活，学习内容。每个盒子都采用float浮动。

个人简历界面：主要是css3实体样式；同样采用了四个盒子分别介绍四个内容。

我的理想界面：采用无序列表。

我的生活界面：主要内容采用视频体现。

学习内容界面：采用list-style:none的有序列表。

源码地址：https://download.csdn.net/download/boyas/13987351