<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>(产品拖动到购物车)download by http://www.jb51.net</title>
<link rel="stylesheet" href="css/style.css" media="screen" type="text/css">
<script type="text/javascript" src="js/drag.js"></script>
</head>
<body>
<div id="mainContainer">
<h2>产品拖动到购物车效果</h2>
<div id="leftColumn">
<div class="dragableBox" id="0001">
<a href="http://www.baiyjk.com/product/48139643.html" target="_blank"><img src="dqpro1.jpg"></a> <br />
<a href="http://www.baiyjk.com/product/48139644.html" target="_blank">成人迪巧2盒装+儿童迪巧3盒装</a><br /><br />
<a href="http://www.baiyjk.com/product/48139643.html"><img src="http://www.baiyjk.com/activities/20090720/images/qdwygm.jpg" /></a>
</div>
<div class="dragableBox" id="0002">
<a href="http://www.baiyjk.com/product/48139644.html" target="_blank"><img src="dqpro2.jpg"/></a><br />
<a href="http://www.baiyjk.com/product/48139644.html" target="_blank">儿童迪巧2盒+装成人迪巧3盒装</a><br /><br />
<a href="http://www.baiyjk.com/product/48139644.html" target="_blank"><img src="qdwygm.jpg" /></a>
</div>
</div>
<div id="rightColumn">
<div id="dropBox" class="dropBox">
<h2>========== 购物车 ==========</h2>
<div id="dropContent"></div>
</div>
<div class="dropBox">
<p><strong>此鼠标拖动效果(产品拖到购物车)已做过测试,可以兼容现在的所有主流浏览器,所以你可以放心使用这个鼠标拖动效果。<br />
</strong>鼠标拖动效果(产品拖到购物车)来自于百洋软件研究实验室<a href="http://www.po-soft.com/blog/xuan" target="_blank">懒人萱的博客</a>,更多的博客文章可以到 <a href="http://www.po-soft.com/" target="_blank">百洋软件研究实验室博客</a> 查看。该文档附件欢迎各位转载,但是在没有获得文章作者许可之前,不得对文章内容或者版权信息进行更改,版权归<a href="http://www.po-soft.com/" target="_blank">百洋软件研究实验室</a>所有,仅此声明。</p>
</div>
</div>
</div>
<script type="text/javascript">
function dropItems(idOfDraggedItem,targetId,x,y)
{
var html = document.getElementById('dropContent').innerHTML;
if(html.length>0)html = html + '<br>';
html = html + '您选择了编号为"' + idOfDraggedItem+'"的产品';
document.getElementById('dropContent').innerHTML = html;
}
var dragDropObj = new DHTMLgoodies_dragDrop();
dragDropObj.addSource('0001',true);
dragDropObj.addSource('0002',true);
dragDropObj.addTarget('dropBox','dropItems');
dragDropObj.init();
</script>
<!--
┏━━━━━━━━━━━━━━━━━━━━━┓
┃ 源 码 爱 好 者 ┃
┣━━━━━━━━━━━━━━━━━━━━━┫
┃ ┃
┃ 提供源码发布与下载 ┃
┃ ┃
┃ http://www.jb51.net ┃
┃ ┃
┃ 互助、分享、提高 ┃
┗━━━━━━━━━━━━━━━━━━━━━┛
-->
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
javascript 鼠标拖动商品图片添加到购物车的功能实例.zip
共6个文件
jpg:3个
css:1个
js:1个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 127 浏览量
2022-11-04
23:45:50
上传
评论
收藏 43KB ZIP 举报
温馨提示
javascript 鼠标拖动商品图片添加到购物车的功能实例.zip
资源推荐
资源详情
资源评论
收起资源包目录
javascript 鼠标拖动商品图片添加到购物车的功能实例.zip (6个子文件)
132689899089611097
likecs.com_132689899096137353
鼠标拖动效果
css
style.css 783B
dqpro1.jpg 11KB
qdwygm.jpg 16KB
js
drag.js 25KB
dqpro2.jpg 12KB
demo.html 3KB
共 6 条
- 1
资源评论
毕业_设计
- 粉丝: 1945
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功