『壹』 css有什么办法可以做成这样。有白色的购物车图片只要加黑色的背景颜色就可以了
一般前端框架来有这种，比如源bootstrap这种，实际上它是把把个别字符设计成购物车图形，类似于另外设置了字体，把图片设计成字体。这种的优点是方便，可以随意在css中自定义大小颜色。缺点是用户浏览网页的时候需要预先加载这种字体，一般浏览器都加载特别慢或者不成功，网页上就会有个方框，并不友好。如果网页上类似图标很多的话可以用这种，如果不多不如直接用背景透明的矢量图片，也可以达到你的要求
『贰』 怎么用css实现购物车的飞入效果
css倒是不知道，不过jQuery中有一个animate（动画效果）里面会有这样的功能
『叁』 CSS布局购物车,应该如何写呀
绝对定位，想怎么布局就怎么布局！
『肆』 想做一个简单的购物车界面，非常简单就行有代码！用div+css做就可以
购物车外是可以的 但是核心最好还是用程序本来的核心如果自己写，很有单独
『伍』 求助：用css写类似淘宝购物车步骤条
1、首先是计算一行的价格。这个功能在上篇博客里有提到，这里就不列举出来了。
2、遍历选中的几行，将每行的数值相加。
3、将值赋给总金额显示出来。当取消勾选或加减数量时，金额会相应改变。
『陆』 求html购物车代码，，效果如图显示
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>修改订单</title>
<styletype="text/css">
body{
font-size:13px;
line-height:25px;
}
table{
border-top:1pxsolid#333;
border-left:1pxsolid#333;
width:400px;
}
td{
border-right:1pxsolid#333;
border-bottom:1pxsolid#333;
text-align:center;
}
.title{
font-weight:bold;
background-color:#cccccc;
}
inputtext{
width:100px;
}
</style>
<scripttype="text/javascript">
functionaddRow(){
//行的长度
varrowlength=document.getElementById("order").rows.length;
//得到整个表格对象
varorder=document.getElementById("order").insertRow(rowlength-1);
order.id=rowlength-1;
//插入列
varcel1=order.insertCell(0).innerHTML="游戏光盘";
varcel2=order.insertCell(1).innerHTML="34";
varcel3=order.insertCell(2).innerHTML="¥58.40";
varcel4=order.insertCell(3).innerHTML="<inputtype="button"value="删除"onclick="delRow('"+(rowlength-1)+"')"/>"+"<inputtype="button"value="修改"onclick="editRow('"+(rowlength-1)+"')"/>"
}
functiondelRow(qwe){
=document.getElementById(qwe).rowIndex;
document.getElementById("order").deleteRow(ewq);
}
functioneditRow(rowID){
varrow=document.getElementById(rowID);
varcel=row.cells;
vartext=cel[1].innerHTML;
cel[1].innerHTML="<inputtype='text'value='"+text+"'style='width:40px;'>"
cel[3].lastChild.value="确定";
cel[3].lastChild.setAttribute("onclick","update('"+rowID+"')");
}
functionupdate(qwe){
varrow=document.getElementById(qwe);
varcel=row.cells;
vartext=cel[1].lastChild.value;
cel[1].innerHTML=text;
cel[3].lastChild.value="修改";
cel[3].lastChild.setAttribute("onclick","editRow('"+qwe+"')");
}
/*
functionadd(){
vara=document.getElementById("order").rows.length;
varb=document.getElementById("order").insertRow(a-1);
varone1=b.insertCell(0).innerHTML="123";
}
*/
</script>
</head>
<body>
<tableborder="0"cellspacing="0"cellpadding="0"id="order">
<trclass="title">
<td>商品名称</td>
<td>数量</td>
<td>价格</td>
<td>操作</td>
</tr>
<trid="1">
<td>防滑真皮休闲鞋</td>
<td>12</td>
<td>¥568.50</td>
<td><inputname="rowdel"type="button"value="删除"onclick='delRow("1")'/>
<inputid="edit1"type="button"value="修改"onclick='editRow("1")'/></td>
</tr>
<tr>
<tdcolspan="4"style="height:30px;">
<inputname="addOrder"type="button"value="增加订单"onclick="addRow()"/></td>
</tr>
</table>
</body>
</html>
这个是我原来上学的时候练习的代码，练习的是基础的jsDOM操作，不过建议以后用Jquery 比较方便 有什么不懂得可以问我
『柒』 求商城购物车具体代码，HTML5+CSS+php的，有没有大神具体给一下或者思路
packagecom.xxx.service.impl;
importjava.sql.SQLException;
importjava.util.ArrayList;
importjava.util.List;
importcom.xxx..CartDAO;
importcom.xxx..impl.JdbcCartDAO;
importcom.xxx.entity.CartItem;
importcom.xxx.entity.Proct;
importcom.xxx.service.CartService;
{
List<CartItem>items=newArrayList<CartItem>();
//增加商品
publicbooleanadd(intid)throwsSQLException{
for(CartItemitem:items){
if(item.getPro().getId()==id){
//判断是否购买过
if(item.isBuy()){
item.setQty(item.getQty()+1);
returntrue;
}
}
returnfalse;//数据库出现错误，没有该商品
}
CartItemitem=newCartItem();
CartDAO=newJdbcCartDAO();
Proctpro=.findById(id);
item.setPro(pro);
item.setQty(1);
item.setBuy(true);
returntrue;
}
//删除商品
publicvoiddelete(intid)throwsSQLException{
for(CartItemitem:items){
if(item.getPro().getId()==id){
item.setBuy(false);
}
}
}
//恢复删除的商品
publicvoidrecovery(intid)throwsSQLException{
for(CartItemitem:items){
if(item.getPro().getId()==id){
item.setBuy(true);
}
}
}
//更新商品数量
publicvoipdate(intid,intpnum)throwsSQLException{
for(CartItemitem:items){
if(item.getPro().getId()==id){
if(item.getQty()==0){
delete(id);
}else{
item.setQty(pnum);
}
}
}
}
//获取购买过的商品
publicList<CartItem>getBuyPros()throwsSQLException{
List<CartItem>list=newArrayList<CartItem>();
for(CartItemitem:items){
if(item.isBuy()){
list.add(item);
}
}
if(list.size()>0){
returnlist;
}
returnnull;
}
//获取已经删除的商品(可以恢复)
publicList<CartItem>getDelPros()throwsSQLException{
List<CartItem>list=newArrayList<CartItem>();
for(CartItemitem:items){
if(!item.isBuy()){
list.add(item);
}
}
if(list.size()>0){
returnlist;
}
returnnull;
}
//商品消费总额
publicdoublecost()throwsSQLException{
doubletotal=0;
for(CartItemitem:items){
if(item.isBuy()){
total+=item.getQty()*item.getPro().getPrice();
}
}
returntotal;
}
//清空购物车
publicvoidclear()throwsException{
items.clear();
}
}