数码资讯
使用jQuery实现半透明的图片遮挡
当鼠标悬停在图片中时,半透明遮罩的效果将从图片顶部滑落。 同时,也有一些文字介绍。 使用方法uff1a 1,把CSS样式引入到你的网页中 2,将代码的一部分复制到Web页面主体结束的位置。 (JS,绝对路径,没有修正) 复制代码代码如下所示: $(函数(){()) $('。sgw_img DT)。H
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
当鼠标悬停在图片中时,半透明遮罩的效果将从图片顶部滑落。
同时,也有一些文字介绍。
使用方法uff1a
1,把CSS样式引入到你的网页中
2,将代码的一部分复制到Web页面主体结束的位置。
(JS,绝对路径,没有修正)
复制代码代码如下所示:
$(函数(){())
$('。sgw_img DT)。Hover(function(){)
$(这)。儿童('盒子')。停止(真的,真的),Delay(100)。动画({顶:0,不透明度:0.8 },300);
}函数(){()
$(这)。儿童('盒子')。停止(真的,真的)。动画({顶:482,不透明度:0 },200);
})
$('。sgw_img DD)。Hover(function(){)
$(这)。儿童('盒子')。停止(真的,真的),Delay(100)。动画({顶:0,不透明度:0.8 },300);
}函数(){()
$(这)。儿童('盒子')。停止(真的,真的)。动画({顶:382,不透明度:0 },200);
})
})
以上就是这篇文章的全部内容,希望大家能喜欢。
同时,也有一些文字介绍。
使用方法uff1a
1,把CSS样式引入到你的网页中
2,将代码的一部分复制到Web页面主体结束的位置。
(JS,绝对路径,没有修正)
复制代码代码如下所示:
$(函数(){())
$('。sgw_img DT)。Hover(function(){)
$(这)。儿童('盒子')。停止(真的,真的),Delay(100)。动画({顶:0,不透明度:0.8 },300);
}函数(){()
$(这)。儿童('盒子')。停止(真的,真的)。动画({顶:482,不透明度:0 },200);
})
$('。sgw_img DD)。Hover(function(){)
$(这)。儿童('盒子')。停止(真的,真的),Delay(100)。动画({顶:0,不透明度:0.8 },300);
}函数(){()
$(这)。儿童('盒子')。停止(真的,真的)。动画({顶:382,不透明度:0 },200);
})
})
以上就是这篇文章的全部内容,希望大家能喜欢。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。