首页

JS特效

jQuery特效

jQuery加入购物车商品飞入动画特效

立即下载预览

代码片段：

js代码

<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src='js/jquery-ui.min.js'></script>
<script type="text/javascript">
$('.add-to-cart').on('click', function () {
	var cart = $('.shopping-cart');
	var imgtodrag = $(this).parent('.item').find('img').eq(0);
	if (imgtodrag) {
		var imgclone = imgtodrag.clone().offset({
			top: imgtodrag.offset().top,
			left: imgtodrag.offset().left
		}).css({
			'opacity': '0.5',
			'position': 'absolute',
			'height': '150px',
			'width': '150px',
			'z-index': '100'
		}).appendTo($('body')).animate({
			'top': cart.offset().top + 10,
			'left': cart.offset().left + 10,
			'width': 75,
			'height': 75
		}, 1000, 'easeInOutExpo');
		setTimeout(function () {
			cart.effect('shake', { times: 2 }, 200);
		}, 1500);
		imgclone.animate({
			'width': 0,
			'height': 0
		}, function () {
			$(this).detach();
		});
	}
});
</script>

免责声明

本站所有资源均由网友贡献或各大下载网站转载。请自行检查软件的完整性！本站所有资源仅供学习参考。请不要将它们用于商业目的。否则，一切后果由您负责！如有侵权，请联系我们删除。联系方式：admin@php.cn

jQuery实现表单里文字按钮特效合集

25 Apr 2018

这次给大家带来jQuery实现表单里文字按钮特效合集，jQuery实现表单里文字按钮特效的注意事项有哪些，下面就是实战案例，一起来看一下。

10 jQuery酷菜单效果插件

01 Mar 2025

10款炫酷jQuery菜单特效插件，提升网站用户体验！我们已经分享了许多jQuery导航菜单插件，现在又为您带来10款令人惊艳的jQuery菜单特效插件。尽情享受吧！相关阅读：- 10款炫丽jQuery导航菜单- 15款优秀的jQuery导航菜单右键菜单这款插件非常易于使用，体积小巧，可以创建右键菜单。源码演示 2. jQuery多级菜单 – 带子菜单的FX CSS菜单 100% CSS菜单，由jQuery提供视觉特效。仅使用Javascript实现特效。完全兼容跨浏览器，包

10个jQuery插件可提供酷炫效果

27 Feb 2025

这篇文章展示了十个杰出的jQuery插件，可提供独特的视觉效果。让我们探索这些插件及其功能！ jQuery镜头耀斑效果插件：此插件毫不费力地为Yo添加了时尚的镜头效果

jQuery 如何高效地选择具有特定 CSS 属性的元素？

30 Nov 2024

在 jQuery 中选择具有特定 CSS 属性的元素问题：我们如何有效地选择拥有特定 CSS 属性的所有元素...

如何在 jQuery 中捕获鼠标滚轮事件？

26 Oct 2024

在 jQuery 中捕获鼠标滚轮事件 jQuery 提供了一种有效的方法来捕获特定的鼠标滚轮事件，与滚动事件不同。这...

如何使用 jQuery 和 JavaScript 高效解析和显示 JSON 数据？

06 Dec 2024

使用 jQuery 和 JavaScript 解析 JSON 数据这个简短的教程解决了有效操作 JSON 数据的挑战，特别是...

jQuery与Zepto是什么区别

20 Nov 2020

jQuery与Zepto区别：1、添加id时jQuery不会生效而Zepto会生效；2、zepto中没有为原型定义extend方法而jquery有；3、zepto由盒模型决定，而jquery会忽略盒模型。

css3动画和jquery动画有什么区别

28 Apr 2022

css3动画和jquery动画的区别：1、css3可以设置3d动画，jquery不能实现3d动画；2、css的2d矩阵动画效率较高，其他属性动画效率低，jquery利用margin和left、top模拟的矩阵动画效率低，其他属性动画效率高。

8个很酷的jQuery动画效果教程

26 Feb 2025

jQuery动画效果教程：告别Flash动画，拥抱jQuery动画时代！过去，网站上的动画效果通常都依赖Flash。但现在，有了jQuery，您可以轻松创建各种动画效果。以下是一些jQuery动画效果教程，助您开启动画之旅！相关阅读： 10款CSS3和jQuery加载动画解决方案 3D JavaScript动画——three.js 仿Foursquare的jQuery动画式Feed显示本教程将向您展示如何使用jQuery轻松创建一个RSS滚动字幕效果。源码演示 jQue

See all articles