制作简易的当当购物车页面

需求说明：
单击“半闭”按钮时，关闭当前页面购物车页面
单击“移入收藏”弹出收藏提示
单击“删除”弹出确认删除提示
单击“结算”按钮，弹出结算信息页面窗口

<!DOCTYPE html>
<html>
<head lang="en"><meta charset="UTF-8"><title>制作简易的当当购物车页面</title><link type="text/css" rel="stylesheet" href="css/cartStyle.css" /><script type="text/javascript">function Delete(){var a = confirm("确定要删除吗？");if(a==true){alert("删除成功")}else{alert("已取消")}}function collect(){var b = alert("已收藏")}function custom_close() { if (confirm("您确定要关闭本页吗？")) { window.close() } else {}} function settle(){window.open("shopping02.html");}</script>
</head>
<body><div class="content"><div class="logo"><img src="data:images/dd_logo.jpg"><span><type="button" value="关闭" onClick="custom_close()"> 关闭</span></div><div class="cartList"><ul><li onclick="collect()"/>移入收藏</li><li onclick="Delete()"/>删除</li><li onclick="collect()"/>移入收藏</li>          <li onclick="Delete()"/>删除</li><li onclick="settle()"/><span>结算</span></li></ul></div>
</div>
</body>
</html>

制作简易的当当购物车页面相关推荐

用JavaScript+html+css制作当当购物车
cartStyle.css body,ul,li,div,p,h1,h2,ol{margin: 0;padding: 0;} ul,li,ol{list-style: none;} .content{ ...
访问当前购物车页面节点
1.效果图 (如有侵权还请速速联系) html部分 <!DOCTYPE html> <html> <head lang="en"><met ...
[JavaScript实训] -- 制作简易的购物车页面
目录一.训练要点: 二.题目需求说明: 三.实现思路及关键代码: 四.完整代码实现: 一.训练要点: 1.使用close()方法关闭窗口: 2.使用confirm()方法进行信息确认: 3.使用al ...
php实用技术：制作购物车页面
这几日,和同事讨论除了定义session数组外,其他的利用php制作电商购物车页面的技巧和这个技巧的雷区后,我们决定将代码放出来,和大家一起分享,共同进步. ok,进入主题. 主题逻辑分析: 购物车页 ...
【ASP.NET Web】项目实践—网上宠物店9：制作“购物车”页面
在商品展示页中,每个宠物商品都有"添加到购物车"链接,用户单击该链接,该商品即放置到用户的购物车中,代表用户准备订购的商品. 分析购物车页面的界面:内容实现,要写在占位符控件中. ...
一个简单的当当网购物车页面，可以实现简单购物
点加号可以添加添加商品,点减号可以减商品, 一个简单的当当网页面,可以实现简单的购物效果
【HTML5】登录页面制作简易版
刚开始学习Java.文件的命名,讲道理应该以英文为主,但是英语又不好,所以只好用拼音,最痛苦的应该算是那些英语又不好,又想秀一下的程序员,一半英语一半拼音,如mainFangFa~~~你说看了糟心不糟 ...
为啥我从后台查到的值在页面显示的是undefined_【java笔记】046天，作购物车页面，学习JavaScript...
今天是学习java 的第46天,今天先是完成了购物车页面的简单制作,然后是开始学习JavaScript的知识. html+css 只是可以实现静态的页面无法实现动态的效果 : 购物车页面的制作: 效果 ...
APP Designer 制作简易英汉词典的回调函数书写
APP Designer 制作简易英汉词典的回调函数书写在学习MATLAB 的App Designer 时看到的一个有意思的小项目,主要步骤参考了slandarer 的MATLAB 手把手带你制作第 ...

制作简易的当当购物车页面

制作简易的当当购物车页面相关推荐

最新文章

热门文章