码迷,mamicode.com
首页 > Web开发 > 详细

html、css/bootStrap、js/Jquery、ajax与json数据交互总结

时间:2019-06-01 14:04:55      阅读:417      评论:0      收藏:0      [点我收藏+]

标签:image   微信公众号   登录   script   字幕   enter   在线   clear   个人简历   

设计个个人网站,利用CSS、JavaScript、HTML5、jQuery库和AJAX等

实现网站各功能模块,下面介绍我设计的网站各大功能模块:

 

 个人简历模块:

  包涵个人基本信息(利用CSS的float和clear属性实现个人照片与文字的浮动排版)、求学经历、获奖情况、参与社团、兴趣爱好等(一个方面组织成一张网页),利用框架技术实现在同一区域显示不同网页内容。

技术图片

 

 

注册/登入模块

  用户注册和登录:使用jQuery实现注册表单验证和登录表单验证

技术图片技术图片

 

登入首页

  利用文字、图片(使用AJAX实现图片轮转)展示家乡特产和美食

 技术图片

 

 

 家乡旅游景点

利用文字、图片、视频(自拍视频,配字幕和解说)展示

技术图片

 

 成绩显示

  班级通讯录或班级学生成绩展示:使用AJAX基于本地XML或JSON数据实现班级通讯录或学生成绩册在网页上展示。

 

 技术图片

技术图片

 

 在线源码获取(博主的存储容量不够了):

  关注微信公众号获取吧!

  技术图片

 

 

 

 

html、css/bootStrap、js/Jquery、ajax与json数据交互总结

标签:image   微信公众号   登录   script   字幕   enter   在线   clear   个人简历   

原文地址:https://www.cnblogs.com/chenqiwei/p/RunWsh_node.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!