$(function () {
//全局的checkbox选中和未选中的样式
var $allCheckbox = $('input[type="checkbox"]'), //全局的全部checkbox
$wholeChexbox = $('.whole_check'),
$cartBox = $('.cartBox'), //每个商铺盒子
$shopCheckbox = $('.shopChoice'), //每个商铺的checkbox
$sonCheckBox = $('.son_check'); //每个商铺下的商品的checkbox
$allCheckbox.click(function () {
if ($(this).is(':checked')) {
$(this).next('label').addClass('mark');
} else {
$(this).next('label').removeClass('mark')
}
});
一款实用的电子商务网站购物车结算特效，jQuery仿淘宝商城购物车结算界面代码。可以删除商品，加减商品数量自动计算总额等。
2022-07-19 12:47:38
129KB
1
积分商城购物车功能效果实现项目教学设计
一、设计摘要
课程名称
交互原型设计
教学项目
洗车积分商城高保真原型设计——积分商城购物车功能效果实现
学时安排
6学时
所选教材
互联网产品设计思维与实践
二、设计依据
依据课程标准，运用现代教育技术，创设一个融合多种教法学法和信息化手段于一体的情境性课堂环境，培养学生的实践技能。
三、学习目标与内容
1．学习目标
知识目标：熟练掌握Axure变量、函数使用方法。
技能目标：能够熟练应用变量、函数完成数据更新和传递。
素养目标：通过原型交互调试，培养学生遇到困难不断寻求解决方法的决心和耐心。
2．学习重点及难点
教学重点：变量函数多条件判断、单项/多项传递。
教学难点：积分商城购物车功能效果综合设计。
四、学习环境选择与学习资源设计
1．学习环境选择
机房
网络
2．学习资源类型
互联网+教材
多媒体课件
案例库
优慕课平台
PPT
素材库
3．学习资源内容简要说明
充分利用互联网+教材、素材库、优慕课平台，开展“课前预习、课堂实践、课后拓展”的教学活动。
五、教学结构流程的设计
课前
课堂
课后
完成
学生自主学习单
1.教师演示：教师规范
2022-07-14 14:07:28
20KB