<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>simpleCart(JS) 2.0 Demo by http://www.codefans.net</title>
<script type="text/javascript" src="simpleCart.js"></script>
<script type="text/javascript">
simpleCart.email = "brett@wojodesign.com";
simpleCart.checkoutTo = PayPal;
// simpleCart.merchantId = "118575326044237";
// simpleCart.checkoutTo = GoogleCheckout;
simpleCart.currency = USD;
// simpleCart.currency = GBP;
// simpleCart.currency = EUR;
simpleCart.taxRate = 0.08;
// simpleCart.shippingFlatRate = 5.25;
simpleCart.shippingQuantityRate = 1.00;
/* CartItem.prototype.shipping = function(){
if( this.size ){
switch( this.size.toLowerCase() ){
case 'small':
return this.quantity * 10.00;
case 'medium':
return this.quantity * 12.00;
case 'large':
return this.quantity * 15.00;
case 'bull':
return 45.00;
default:
return this.quantity * 5.00;
}
}
};
*/
simpleCart.cartHeaders = ["Thumb_image_noHeader", "Name" , "Size_input_div_div", "Price" , "decrement_noHeader" , "Quantity", "increment_noHeader", "remove_noHeader", "Total" ];
</script>
<style >
.itemContainer{
width:100%;
float:left;
}
.itemContainer div{
float:left;
margin: 5px 20px 5px 20px ;
}
.itemContainer a{
text-decoration:none;
}
.cartHeaders{
width:100%;
float:left;
}
.cartHeaders div{
float:left;
margin: 5px 20px 5px 20px ;
}
</style>
<link rel="stylesheet" href="main.css" type="text/css" media="screen" />
</head>
<body>
<p>
Cart: <span class="simpleCart_total"></span> (<span class="simpleCart_quantity"></span> items)
<br />
<a href="javascript:;" class="simpleCart_empty">empty cart</a>
<br />
</p>
<ul>
<li class="simpleCart_shelfItem">
<h2 class="item_name">Zebra</h2>
<img class="item_thumb" src="e.png" />
<span class="item_price">$187.95</span>
<select class="item_Size">
<option value="Small">Small</option>
<option value="Medium">Medium</option>
<option value="Large">Large</option>
</select>
<input type="hidden" class="item_shipping" value="20" />
<input type="text" class="item_quantity" value="1" />
<input type="button" class="item_add" value="add to cart" />
</li>
<li class="simpleCart_shelfItem">
<h2 class="item_name">Cow</h2>
<img class="item_thumb" src="e.png" />
<span class="item_price">$18.00</span>
<select class="item_Size">
<option value="Tiny">Tiny</option>
<option value="Medium">Medium</option>
<option value="Bull">Bull</option>
</select>
<input type="text" class="item_quantity" value="1" />
<input type="button" class="item_add" value="add to cart" />
</li>
<li>
<h2>Baby Lion</h2>
<div>$34.95</div>
<a href="javascript:;" onclick="simpleCart.add('name=baby lion', 'price=34.95','size=tiny','quantity=1','thumb=e.png');" >add to cart</a>
</li>
</ul>
<div class="simpleCart_items" >
</div>
<br />
SubTotal: <span class="simpleCart_total"></span> <br />
Tax: <span class="simpleCart_taxCost"></span> <br />
Shipping: <span class="simpleCart_shippingCost"></span> <br />
-----------------------------<br />
Final Total: <span class="simpleCart_finalTotal"></span> <br />
<a href="javascript:;" class="simpleCart_checkout">checkout</a>
</body>
</html>
ajaxcart.rar （5个子文件） 
codefans.net thewojogroup-simplecart-js-4656958 
e.png 8KB
simpleCart.js 30KB README 5KB simpleCart.min.js 19KB
index.html 3KB资源评论
- fuxun20092015-07-23挺好的。对我帮助很大，谢谢啦
- xiaoyuan2522014-02-18挺好的。对我帮助很大，谢谢啦
