MR网上商城-jQuery练习
学习完jQuery的一个实战项目,是一个比较简单的网站,没有数据库那些,基本功能如下:
1.利用jQuery选择器、事件处理进行页面的交互设计,采用Ajax实现页面的登录过程。
2.利用常用方法fadein()、fadeout()与定时器实现轮播图滚动,实现图片的交互效果。
3.采用JSON数据交换过程,实现鼠标滑过的效果显示大小图片的切换。
4.实现鼠标滑过导航栏显示下拉菜单。
5.鼠标点击“关于我们”,跳转页面,该页面有关于项目的介绍。
项目源码与结果截图
项目源码链接: https://gitee.com/huang-miaoyu/store
结果截图:
主页面:
主页面点击登录出现登录页面的选项卡,关于账号与密码可以查看项目文件夹后台代码dorequest.jsp;
鼠标滑过下标导航栏显示选项卡,滑出隐藏;
鼠标滑过新品首发实现小图显示大图
登录页面:
输入正确的手机号与密码,弹出登录成功提示框,可以有权限进入“关于我们“界面,如若不正确,弹出登录失败,弹出登录失败的提示框。
关于我们界面:
这里介绍了这个项目的开发过程、参考书籍以及基本功能,利用CSS实现了一些动画效果
运行环境
eclipse、tomcat、JDK
配置方法:
【Tomcat】Tomcat安装及Eclipse配置教程,参考链接:
https://www.cnblogs.com/6j2b2/p/13050985.html