CSS+HTML+JS----开发简单个人网站

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

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

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

登陆界面主要核心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