如果觉得不错，就来跟着我们学吧
学习讨论请加： 云图智联web前端学习群 235184385
群二维码


加助教松宝老师QQ: 2885625941 获取资料及源码
编辑器介绍：
视频教程中所用编辑器为Webstorm


最终呈现的效果：



 

适合人群: 中级
        1需要有html  搭建静态网页的基础,
        2需要知道一点javaScript和jQuery的一点基础,
    
用到技术:javaScript 与jQuery

设计项目: 当当网页面设计
              
课程概述：    
         本次项目案例巩固知识点总结: 
   
        1使用jQuery的sildeDown与sildeUp完成：树形菜单

        2使用jQuery的scrllo滚动事件与scrlloTop完成：随滚动条移动的广告图片

        3使用javaScript的setInterval：循环显示的广告图片

        4使用window的open方法完成：弹出窗口

        5使用鼠标悬浮移出方法hover()完成：TAB切换特效

        6：使用javaScript的setInterval与jQueryanimate动画效果完成
        循环垂直向上滚动的内容

        7使用鼠标悬浮：展示图书内容

        8使用jQuery的show和hide显示隐藏方法实现：商品列表的显示和隐藏

        9使用jQuery获取Dom元素完成：计算商品金额等

        10使用jQuery的change事件：改变商品数量

        11使用jQuery的Remove完成：删除商品

        12使用正则表达式：验证表单

        13 使用For循环完成：

        二级级联下拉列表

        14使用jQuery的，val方法和完成：

        用户登录网上书店网站设计,

实现功能如下:
        1用户注册(jQuery验证功能)

        2用户登录(jQuery验证加正则表达式)

        3首页(网站内容的综合展示与jQuery动态效果)

        4购物车页面(jQuery获取元素计算功能)

        5商品展示页面(jQuery动态效果功能);    

网上书店网站设计共有以下几个页面：
        创建模板页：hrader.html（网页头部）

        用户注册页：register.html

        用户登录页：login.html

        网站首页：index.html

        商品展示页：product.html

        广告页面：open.html

        我的当当（购买结算页面）：shopping.html

技术难点分析:
         1首页的图片循环播放与点击列表切换效果

        2首页的右侧图书信息向上滚动并且益处部门添加到下面

        3首页跟随滚动条移动效果

        4商品展示页面切换大图与列表图书显示效果

        5购物的计算金额

想要获取更多课程  请关注云图智联首页   http://yuntu.ke.qq.com