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

CSS+HTML+JS----开发简单个人网站相关推荐

实验一基于CSS+HTML+JS开发简单个人网站
目录: 实验要求实验代码 1.注册 2.登录 3.主页 4.个人简介 5.我的理想 6.我的生活 7.学习内容总结实验要求实验一基于CSS+HTML+JS开发简单个人网站实验学时:4 ...
好程序员前端分享使用JS开发简单的音乐播放器
好程序员前端分享使用JS开发简单的音乐播放器,最近,我们在教学生使用JavaScript,今天就带大家开发一款简单的音乐播放器.首先,最终效果如图所示: 首先,我们来编写html界面index.htm ...
css画钟表_利用css+原生js制作简单的钟表
利用css+原生js制作简单的钟表.效果如下所示实现该效果,分三大块:html.javascript.css html部分html部分比较简单,定义一个clock的div,内部有原点.时分秒针.日期 ...
126.如何使用CSS和 JS 创建简单图片切换
效果 (源码网盘地址在最后) 视频演示视频地址:https://www.ixigua.com/6914222592170263053/ 源码 index.html <!DOCTYPE html ...
php简单网页制作代码,用HTML和CSS以及JS制作简单的网页菜单界面的代码
这篇文章主要介绍了使用HTML+CSS+JS制作简单的网页菜单界面,这个ABROAD项目所使用的JavaScript部分代码非常简单,需要的朋友可以参考下写ABROAD项目用到了标签这个东东,其实标 ...
使用 Node.js 开发简单的脚手架工具
前言像我们熟悉的 vue-cli,react-native-cli 等脚手架,只需要输入简单的命令 vue init webpack project,即可快速帮我们生成一个初始项目.在实际工作中,我 ...
js怎么制作html的主题,用HTML和CSS以及JS制作简单的网页菜单界面的代码
写ABROAD项目用到了标签这个东东,其实标签在WEB上到处可见,图中就依次显示了DCC文章发布器.ABROAD后台添加数据.百度图片搜索.sf发布博客文章时贴标签的样式--标签就像浏览器里原生的ch ...
一些常用的html、css、js的简单应用
json转化(常用) <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...
HTML、CSS、js开发工具介绍
程序员常用开发工具开发工具推荐一.vscode--开源免费二.sublime text 3--收费可以无限免费续期使用三.EditPlus --免费软件四.WebStorm 开发工具推荐一 ...

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

CSS+HTML+JS----开发简单个人网站相关推荐

最新文章

热门文章