限时优惠活动
亲爱的苦力吧用户,我们为了回馈新老用户一直以来的鼎力支持,即日起(2025-02-06至2025-03-06)凡是购买苦力吧VIP/充值K币的新老用户,都直接可获得买一送一的优惠馈赠。例如:购买一个月的VIP会员可直接获得两个月的VIP会员;充值100K币可直接获得200K币,以此类推!有任何疑问可联系在线客服,感谢各位用户对苦力吧素材的信任与厚爱,我们将一如既往的给大家上新更多优质的素材源码,祝大家开工大吉、工作顺利、心想事成。

jquery服装配色样式在线切换效果

所属分类: 网页特效-图片特效&上传    2024-10-30 09:39:21

jquery服装配色样式在线切换效果 ie兼容12
 查看演示  登录后下载 温馨提示
登录会员即可享受免费下载
 我要建站

jquery服装配色样式在线切换效果(共15个文件)

    • index.html

使用方法

$(".textiles__option").on("click", function () {
	$(".textiles__option").removeClass("active");
	$(this).addClass("active");
	if ($(this).hasClass("textiles__option--clear")) {
		$(".shirt__overlay").fadeOut("fast");
	} else {
		const pattern = $(this).find("img").attr("src");
		if ($(".shirt__overlay:visible").length) {
			$(".shirt__overlay__pattern").fadeOut("fast", function () {
				$(".shirt__overlay__pattern")
					.css("background-image", "url(" + pattern + ")")
					.fadeIn("slow");
			});
		} else {
			$(".shirt__overlay__pattern").css(
				"background-image",
				"url(" + pattern + ")"
			);
			$(".shirt__overlay").fadeIn("fast");
		}
	}
});

站长提示:
1. 苦力吧素材官方QQ群:950875342
2. 平台上所有素材资源,需注册登录会员方能正常下载。
3. 会员用户积极反馈网站、素材资源BUG或错误问题,每次奖励2K币
4. PHP源码类素材,如需协助安装调试,或你有二次开发需求,可联系苦力吧客服。
5. 付费素材资源,需充值后方能下载,如有任何疑问可直接联系苦力吧客服
相关资源 / 图片特效&上传

CSS3鼠标悬停展开图片并显示标题特效

一款鼠标悬停触发的动态效果,鼠标放在图片上,可放大图片,并且显示文本文字标题。
  图片特效&上传
 3396  0

javascript+css3鼠标悬停前置放大特效代码

这是一款悬停触发的图片切换放大特效,当鼠标悬停于图片上时,当前图片自动前置放大突出显示。
  图片特效&上传
 7418  0

jquery响应式背景图片动画分割矩形效果

共六种不同特效的插件功能,跟随鼠标轨迹移动,很有电影画面感!
  图片特效&上传
 4278  0

jquery图片悬停右侧显示放大特效代码

一款超实用的图片放大插件,鼠标hover放置于图片上方,右边就出现放大图片细节图。
  图片特效&上传
 8308  0

评论数(0) 回复有机会获得K币 用户协议

^_^ 还没有人评论,快来抢个沙发!
😀
  • 😀
  • 😊
  • 😂
  • 😍
  • 😑
  • 😷
  • 😵
  • 😛
  • 😣
  • 😱
  • 😋
  • 😎
  • 😵
  • 😕
  • 😶
  • 😚
  • 😜
  • 😭
发表评论