网上书城（高级网页课程设计）

效果图入下  

更多内容

下载源码请点击

https://download.csdn.net/download/qq_50319351/20083863?spm=1001.2014.3001.5503

适合课程设计，

包含js css html jQuery 等技术，注册登录 添加 购物车 等等还有其他功能功能比较齐全

下面仅展示部分功能

 

主页面

    jquery插件
导航栏和轮播图用的是
   js编写ad关闭  
每个1秒调用函数time--;当time==0 或者用户点击×时隐藏ad的盒子
   js编写tab标签    
用的是排他思想干掉所有的留下自己                      
   js编写秒杀倒计时
 用户可以标准化输入年份 -new Data  即是剩余时间
 得到毫秒数  根据 天  小时  分  秒  和毫秒之间的关系转换添加到对应的盒子即可
   js 编写登录框拖拽                   
先获取 所有需要直行的元素。
一开始将登录框和遮盖层的样式设置成now。
当点击导航栏登录时，即把样式改为block。以及关闭时将样式改为none。给title标签添加。
鼠标按下事件。获得鼠标距离页面的距离。触发发事件距离。两者之差的即是鼠标在盒子内的坐标。
Document添加鼠标移动事件。获得鼠标距离页面。和鼠标在盒子里面的距离相减的。即可得到移动后。登录框距离左边沿儿和上边沿儿之间的距离
设置其style属性即可。鼠标弹起时。去除鼠标移动事件

注册页面链接浏览器数据库indexDB

js编写表单验证
输入框下面预留了一个ID值的前缀与与输入框相同，后缀为MSG ， 
Label标签。写checkIsnull()函数用正则表达式判断返回的表单内容是否为空。如果只为空的话。lab标签里面添加的错误信息返回false。
如果不为空的话，将预留信息。设置为空。并返回true
然后调用查。checkIsnull()当所有的值不为空时。chckpsd函数用户名和密码一致时。四个flag 1用户名 flag 2密码  flag 3确认密码   flag 4密码和  确认密码是否一致
都为true时提交成功 并写入数据库。
    indexDB 注册是否重复验证
遍历indexDB对比到数据库里已添加时弹出用户已存在请重新注册

用户交流效果图

自编jquery插件
 tab标签 预留了四个div采取左浮动  先将里面四个盒子display:none 默认第一个盒子为block
给tab导航栏的四个li添加鼠标事件到鼠标经过时显示当前盒子 其他的display:none 排他思想干掉所有的留下自己
  js用户评论（增删留言改变样式隐藏）
1 先将评论框样式设为none  关闭时隐藏，将其样式设为绝对定位
2 将所有的回复按钮添加点击事件用户点击时获得回复坐标然后向  x+200+'px'; y+20+'px';分别作为评论框绝对定位 的left和top
3 获得所有的回复 lis标签。采取循环。添加点击事件。可点击任一一个显示输入框
4 input输入框当点击发送时获得输入框里面的内容。用户没输入时返回false。
信息不为空时。创建li。将用户输入的信息填入。追加a标签。并将创建好的li插入到Ul的第1个指孩子前面。即可达到添加效果。
获得所有 li中的a元素。循环添加。当点击超链接时删除a元素的。复元素。 li 即可达到删除效果。