JS实现的简单拖拽购物车功能示例

本文实例讲述了JS实现的简单拖拽购物车功能。分享给大家供大家参考，具体如下：

body {
  font-size:12px
}
.liT{
  border-bottom:solid 1px #ccc;
  background-color:#eee;
  font-weight:bold
}
  .liF{
  float:left;
  margin-right:5px;
}
ul{
  list-style-type:none;
  padding:0px;
  height:106px;
  width:330px
}
ul li{
  height:23px
}
ul li img{
  width:68px;
  height:96px;
  border:solid 1px #ccc;
  padding:3px
}
ul li span{
  float:left;
  width:70px;
  padding:5px;
}




 

  

    
  
  

    
  
  

    
  
  

    
  
 
 

  

    书名
    定价
    数量
    总价
  
 

运行效果：

附：完整实例代码点击此处本站下载。

更多关于Javascript相关内容感兴趣的读者可查看本站专题：《Javascript数据结构与算法技巧总结》、《Javascript遍历算法与技巧总结》、《Javascript查找算法技巧总结》、《Javascript动画特效与技巧汇总》、《Javascript错误与调试技巧总结》及《Javascript数学运算用法总结》

希望本文所述对大家Javascript程序设计有所帮助。