位置: IT常识 - 正文

web前端开发期末大作业 ——个人主页(可自取源码)(web前端开发学什么)

编辑:rootadmin
web前端开发期末大作业 ——个人主页(可自取源码)

推荐整理分享web前端开发期末大作业 ——个人主页(可自取源码)(web前端开发学什么),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:web前端开发期末考试题,web前端开发期末大作业,web前端开发期末大作业,web前端开发期末总结,web前端开发期末作业作品,Web前端开发期末考试,web前端开发期末考试题,Web前端开发期末考试,内容如对您有帮助,希望把文章链接给更多的朋友!

(一)主页实现

首先进入的是我们的封面,头像用的是3D变换,鼠标悬停时,完成沿着y轴旋转的效果。然后我们做个两个div标签,一个是在图片里面,添加了文字2022 · Lucky,一个是在图片下面,添加了文字Lucky。关于下面对应的文字和背景图,我们在JS里应用了网址https://v1.hitokoto.cn/和https://cn.bing.com/,每更新一次,文字和背景图都更新。在超链接“我的主页”下面,我们4个超链接,分别对应的是Github、CSND、知乎和qq邮箱,点进去分别是对应的网站。在首页的右下角,我们也用了一个div标签,添加了文字和一个空超连接。

1、点击“我的主页”,首先进去的是“个人信息”。在导航栏部分,我们用了10个超链接,分别对应我们的10个主页。在这个主页,我们用了一个大的div标签,添加个人信息、个人作品、个人经历。在每个主页的左下角,我们都用了,audio标签添加了音乐播放。

2、点击“我的博客”,我们用了一个大的div标签,添加了三个“关于HTML能做什么”、“关于CSS能做什么”和“关于JS能做什么”3个div标签。点击每一个“查看正文”进入的是自己写的博客。

3、点击“我的收藏”,应用animated样式,让文字隔一段时间自动弹出来。关于下面的图片,在鼠标悬停时,应用了过度效果,显示出文字。在尾部,我们还用了一个超链接“回到首页”对应到“我的个人信息”。

4、点击进入“我的兴趣爱好“,其样式与”我的收藏一样。

web前端开发期末大作业 ——个人主页(可自取源码)(web前端开发学什么)

5、点击进入“生活记录”,我们先是用了两个大的div标签做了美食和生活两个模块。两个模块都用了几个小的div标签添加文字和样式。在尾部,我们添加了“个人信息”、“兴趣爱好”、“美食生活”和“背包旅行”4个超链接以及电话、E-mail。

6、点击进入“我的相册”。首先是“旅行·日志”这里用了一个大的div标签添加了图片和文字。在“星空·相册”里,我们用了bigView image和smallView image两个窗口来可点击小窗口展示图片。在最下面,我们用了-webkot-animation将图片自动滚动展示。

  

7、点击进入“我的音乐”。首先,我们用了三个div标签,一个是音乐界面,一个歌单,一个是专辑简介。歌单部分,我们应用了inline-block下划线将歌曲划分和hover在鼠标悬停时显示四个按键,点击播放案件,可以跳转到网易云音乐播放。

8、点击进入“我的导航”,我们做了一个搜索框,连接到百度的搜索引擎,在上面的导航栏是超链接。

9、点击“返回首页”跳转到我们的封面。

这是一个比较简单的学生管理系统,需要源码的自取,百度网盘

链接:https://pan.baidu.com/s/1iq_Pj61jL2v_53I7gxkpKg  提取码:8899

也可以私我!

本文链接地址:https://www.jiuchutong.com/zhishi/297383.html 转载请保留说明!

上一篇:Nerf_studio 使用记录(nerf 入门)

下一篇:使用elementUI组件实现表格的分页以及搜索功能(解读elementui的组件源码)

  • 企业所得税法
  • 存在弃置费用的固定资产的财务费用
  • 小规模入账的收入分录
  • 小规模报企业所得税吗
  • 关税的记税依据
  • 原始凭证审核的内容
  • 施工单位购买材料与设计不符
  • 公司收到股东的投资款以后怎么处理
  • 周转材料低值易耗品
  • 赠送的固定资产需要计提折旧吗?
  • 外汇收不到会不会丢
  • 国有企业的所得税怎么算
  • 增值税和消费税常用的公式
  • 早教加盟需要
  • 当期损益包括营业外收支吗
  • 专票和普票的税率哪个高
  • 建筑服务可以差额征收吗
  • 维修材料费主要包括
  • 应收账款的贷方反映
  • 增值税附表一免税项目金额填不上
  • 为什么收到发票
  • 私营公司可以构成单位犯罪吗
  • mac安装软件不用密码
  • 未担保余值什么意思
  • 季节性停工是什么
  • 中秋福利费会计分录
  • word文档不好用
  • 进口免费赠送报成了一般贸易
  • 建筑公司支付的预付款担保保函费怎么做账?
  • 本月无销售额,但是有进项,需要认证吗
  • wx小程序
  • 实收资本大于注册资本是什么意思
  • 公司为员工缴纳社保的法律规定
  • 商业会计的做账流程
  • 房地产预缴所得税怎么算
  • PHP使用pear实现mail发送功能 windows环境下配置pear
  • linux rm 命令
  • 微信小程序支付接口调用
  • hadoop java
  • 遮天传官网
  • 代收水电费交税吗
  • 增值税出口税
  • 公务交通通讯补贴
  • 个人所得税法实施细则2023
  • 进口货物减免税政策
  • 供应商发票多开了3毛钱能做到财务费吗
  • 季度所得税申报怎么弥补以前年度亏损
  • 发票冲红重开摘要如何写合适?
  • 员工的工资属于固定资产吗
  • 公司增资的法条
  • 小规模餐饮业会计如何做账
  • 公司账户多少钱保证公司运转
  • 抵扣认证的发票需要还回去吗
  • 其他费用包括哪些内容
  • sql server 错误
  • xp系统弹出广告怎么处理
  • ubuntu chsh
  • 戴尔dell服务器维修
  • windows开机自启动程序
  • WIN10系统CPU占用率高
  • win10周年版
  • androidannotations的background和UiThread配合使用参考
  • python让用户选择
  • js数组每个元素+1
  • css渐变文本效果在哪
  • 删除命令del
  • unity 3d代码
  • 深入理解python特性 pdf
  • 轮廓理论
  • js实现超精简的快捷键
  • javascript用什么运行
  • 基于javascript的毕业设计
  • jquery图片左右切换
  • Binary XML file line #7: Error inflating class fragment
  • 中国税务局官网热线
  • 柴油计入什么科目
  • 处级工作调动用什么手续
  • 车船税保单哪里打印
  • 苏州公积金密码怎么改
  • 一般纳税人企业所得税怎么征收
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设