购物车--产品图片飞入购物车
来源:互联网 发布:mybatis 打印完整sql 编辑:程序博客网 时间:2024/05/07 03:29
var gtPlay = {
begin : Array(0,0),
end : Array(0,0),
PicID : 0,
Num : 0,
Time : 0,
HandW : Array(0,0,0,0),
stime:function()
{
return this.Time / this.Num;
},
anmate:function( h )
{
var picId = this.PicID + h;
$("#" + picId).animate({
top:this.end[0],
left:this.end[1],
width:this.HandW[2],
height:this.HandW[3]
//opacity:0.5,
}, 500, "linear", function()
{
$("#" + picId).fadeOut(1500);
updateNavCartItemNumber();
});
},
Play:function()
{
//console.log('a');
$("img[name=gtPlayname]").remove()
for( var i = 0; i < this . Num; i ++ )
{
$("<img id='" + this . PicID + i + "' src='" + $("#" + this.PicID ) . attr("src") + "' name='gtPlayname' style='clear:both; z-index:999; position:absolute; width:" + this.HandW[0] + "; height:" + this.HandW[1] + "; top:" + this.begin[0] + ";left:" + this.begin[1] + ";'/>") . appendTo("body");
setTimeout( "gtPlay.anmate(" + i + ")", i * parseInt( this . stime() ) )
}
}
}
var imgId = "proimg";
var sourceEleTop = document.getElementById( imgId ).offsetTop;
var sourceEleLeft = document.getElementById( imgId ).offsetLeft;
var targetEleTop = $('#rightPanel').offset().top + 5;
var targetEleLeft = $('#rightPanel').offset().left + 5;
gtPlay.begin = Array( sourceEleTop + 'px', sourceEleLeft + 'px'); //start 源坐标
gtPlay.end = Array( targetEleTop + 'px', targetEleLeft + 'px');//target 终点坐标
gtPlay.PicID = "proimg"; //pic id
//alert(gtPlay.PicID);
gtPlay.Num = 1; //num
gtPlay.Time = 5000; //spend time
gtPlay.HandW = Array("180px","180px","40px","40px");//图像变化大小
gtPlay.Play();
begin : Array(0,0),
end : Array(0,0),
PicID : 0,
Num : 0,
Time : 0,
HandW : Array(0,0,0,0),
stime:function()
{
return this.Time / this.Num;
},
anmate:function( h )
{
var picId = this.PicID + h;
$("#" + picId).animate({
top:this.end[0],
left:this.end[1],
width:this.HandW[2],
height:this.HandW[3]
//opacity:0.5,
}, 500, "linear", function()
{
$("#" + picId).fadeOut(1500);
updateNavCartItemNumber();
});
},
Play:function()
{
//console.log('a');
$("img[name=gtPlayname]").remove()
for( var i = 0; i < this . Num; i ++ )
{
$("<img id='" + this . PicID + i + "' src='" + $("#" + this.PicID ) . attr("src") + "' name='gtPlayname' style='clear:both; z-index:999; position:absolute; width:" + this.HandW[0] + "; height:" + this.HandW[1] + "; top:" + this.begin[0] + ";left:" + this.begin[1] + ";'/>") . appendTo("body");
setTimeout( "gtPlay.anmate(" + i + ")", i * parseInt( this . stime() ) )
}
}
}
var imgId = "proimg";
var sourceEleTop = document.getElementById( imgId ).offsetTop;
var sourceEleLeft = document.getElementById( imgId ).offsetLeft;
var targetEleTop = $('#rightPanel').offset().top + 5;
var targetEleLeft = $('#rightPanel').offset().left + 5;
gtPlay.begin = Array( sourceEleTop + 'px', sourceEleLeft + 'px'); //start 源坐标
gtPlay.end = Array( targetEleTop + 'px', targetEleLeft + 'px');//target 终点坐标
gtPlay.PicID = "proimg"; //pic id
//alert(gtPlay.PicID);
gtPlay.Num = 1; //num
gtPlay.Time = 5000; //spend time
gtPlay.HandW = Array("180px","180px","40px","40px");//图像变化大小
gtPlay.Play();
- 购物车--产品图片飞入购物车
- 购物车飞入效果
- 飞入购物车特效
- 商品飞入购物车代码
- CSS3-购物车飞入动画
- ios--tableview加入购物车飞入效果
- jquery 商品飞入购物车的动画
- jquery实现购物车飞入效果
- 购物车飞入的动画效果
- 仿淘宝购物车飞入效果
- jQuery实现商品飞入购物车效果插件
- ECSHOP添加购物车加图片飞入效果
- jQuery实现加入购物车飞入动画效果
- Jquery商品飞入购物车动画(全部20行代码)
- 利用jquery.fly实现仿淘宝购物车飞入特效
- jQuery实现加入购物车飞入动画效果
- jQuery实现加入购物车飞入动画效果
- 利用jquery.fly实现仿淘宝购物车飞入特效
- 归并排序求逆序数java
- 关于adb server didn't ack failed to start daemon
- android性能优化之context的优化
- 从PL/SQL中导出insert语句
- linux 下三种方式获取本机IP地址
- 购物车--产品图片飞入购物车
- Web缓存技术概述
- 关于activity前台后台切换
- 虽然我们是黑客,但我们不是坏蛋
- SHELLEXECUTEINFO 和 ShellExecuteEx的使用
- 堆排序
- cocos2dx CCTableView用 CCArray为空 修改方法。
- 【数据库新手】关于创建数据库过程失败,“master”中拒绝了CREATE DATABASE权限问题
- 数学之路(3)-机器学习(4)-专家系统(1)