- 功能简介
1.1基本功能
网站可显示商品详细信息和商品分类;
网站具有搜索商品、浏览商品的功能;
用户具有注册和登录的功能;
用户可以查看个人信息、购物车和订单,可以购物;
管理员具有管理商品和用户的功能。
1.2实现效果
购物车,图片放大特效,浮动广告,文字滚动,商品秒杀活动,用户注册验证等。
- 开发环境
2.1开发软件:
Visual Studio Code、Microsoft Edge
2.2开发语言:
HTML+CSS+JavaScript
2.3主要语法:
HTML、CSS语法基础、JavaScript交互。
HTML、CSS和JavaScript的混合使用。
JavaScript的高级应用,对象、BOM和DOM。
JavaScript中的事件和正则表达式。
部分代码
function clother(){
var box = document.getElementById("box")
var shopCar = document.getElementById("shopCar")
var ding=document.getElementById('ding')
shopCar.style.display = "none"
ding.style.display="none"
box.style.display = "block"
}
function car(){
var box = document.getElementById("box")
var shopCar = document.getElementById("shopCar")
var ding=document.getElementById('ding')
box.style.display = "none"
shopCar.style.display = "block"
ding.style.display="none"
}
function ding(){
var box = document.getElementById("box")
var shopCar = document.getElementById("shopCar")
var ding=document.getElementById('ding')
box.style.display = "none"
shopCar.style.display = "none"
ding.style.display="block"
}
function pay1(){
var payok = document.getElementById("payok")
payok.style.display="block"
}
function pay_ok(){
var payok = document.getElementById("payok")
payok.style.display="none"
var cart = document.getElementById("cart")
var nodan = document.getElementById("nodan")
cart.style.display = "none"
nodan.style.display = "block"
}
function del(){
var cart = document.getElementById("cart")
var nodan = document.getElementById("nodan")
cart.style.display = "none"
nodan.style.display = "block"
}