host_page.html
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="../host_css/title.css">//引入css <link rel="stylesheet" type="text/css" href="../host_css/first.css"> </head> <body> <div class="nav"> <ul> <li><a href="item_list.html">Les'Go</a></li>//链接进入页面 <li><a href="host_page.html">主页</a></li> <li><a href="item_list.html">商品列表</a></li> </ul> <table> <tr> <td><img src="../image/cart.png"></td> <td><a href="cart.html">购物车</a></td> <td>(0)</td> </tr></table> </div> <div class="content"> <h1> Welcome to Let'Go! </h1> <p> 商店里进行购物结算时会使用收银机(POS)系统,这台收银机会在结算时根据客户的购物车<br> (Cart)中的商品(Item)和商店正在进行的优惠活动(Promotion)进行结算和打印购物清单。<br> 已知该商店正在对部分商品进行“买三送一”的优惠活动, 我们需要实现一个名为printInventory函<br> 数,该函数能够将指定格式的数据作为参数输入,然后在浏览器的控制台中输出结算清单的文本。 </p> <input type="button" value="Les'Go" onclick="window.location.href='item_list.html'"/>//创建button按钮并通过事件改当变前页面 </div> </body> </html>
title.css
.nav ul li a{ text-decoration: none;//去掉下划线 font-size:30px;//字体大小 color: cornsilk;内容颜色 } .nav ul li{ display: inline-block;//生成框内型行内块元素 padding-left: 2.5%;//元素左内边距 } .nav { background-color: black;//背景颜色 } .nav table { margin-top: -4%;//上外边距 margin-left: 80%;//左外边距 background-color: #000000; border-color: #000000; //4个边框颜色 } .nav table a{ text-decoration: none; font-size: small; color:cornsilk; } .nav table img{ height: 20%; padding-right: 10%; } .nav table tr td { color: cornsilk; } body { margin: 0;padding: 0; } ul { margin: 0;padding: 0; }
first.css
.content h1{ font-size: 80px; color: black; margin-left: 2.5%; margin-top:2.5% ; margin-bottom: 2.5%; } .content p { font-size: 25px; color: black; margin-left: 2.5%; } .content{ background-color: rgba(43, 99, 135, 0.55); margin-left:3%; margin-right: 3%; } .content input{ border: blue; font-size: 20px; background-color: blue; color: white; width: 80px; height: 40px; margin-left: 2.5%; margin-bottom: 2.5%; }
相关推荐
利用activex和socket技术,进行网页和POS机的通信,实现在网页上打印POS小票的功能。 包含全部的研究资料和驱动。
POS机行业2022年发展概况分析及未来十年POS机行业数据趋势预测.docx
pos机系统pos机系统pos机系统pos机系统pos机系统pos机系统
POS机使用
联迪pos机驱动联迪E550移动pos机 - 移动pos机,银联pos机,
C语言所写的一个简单POS机,希望对学习C语言的人有所帮助。
针式pos机打印
百威POS机测试软件
废物利用,拆解一个POS机的LCD液晶屏,压缩包有管脚定义,有测试程序
pos机驱动,万能的POS机驱动,方便好用。
在linux下用标准c语言开发 的!
基于posinf.dll 与POS机通讯程序,C#对接POS机如果需要可以试试。
华智融8110洗密,移动POS机 NEW 8110是深圳华智融科技股份有限公司最新推出的一款手持无线POS终端,采用ARM9 CPU、大容量内存,支持多应用程序,可选GPRS、CDMA或Wi-Fi无线通讯方式。
银联刷卡POS机材料下载银联刷卡POS机材料下载
POS机磁头原理,POS机磁头电路,POS机器磁头学习资料,工作原理,物理特性,知识分享
POS机系统是电子收款机系统,通过计算机化用于处理销售和支付,记录销售信息。该系统包括计算机、条码扫描仪、现金抽屉等硬件、以及使系统运转的软件和为不同服务的应用程序提供接口。
最新pos机应用规范,适用于销售点终端,2015最新版,供参考。
商场POS机 资料介绍,想做超市系统的得看看