数码资讯
鼠标移动图像显示描述层的jQuery实现
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
本文介绍了jQuery如何实现鼠标移动图像显示描述层,供大家参考:
这可以与jQuery的动画一起使用。
主要代码如下:
$(项目)。Hover(
()函数
{
/ / $(this)。儿童(IMG)(停止)。动画({ 0.8 },不透明度:700,easeinsine);
(这孩子(美元)。div.title)。停止()。动画({ 0 }:,700,easeoutbounce );
(这孩子(美元)。div.desc)。停止()。动画({ 0 },底:700,easeoutbounce );
},
函数(){
/ / $(this)。儿童(IMG),停止({不透明度:)。动画(1 },700);
(这孩子(美元)。div.title)。停止()。动画({ 60 },前:500);
(这孩子(美元)。div.desc)。停止()。动画({ 40 },下:400);
}
);
希望本文能对大家的jQuery程序设计有所帮助。
这可以与jQuery的动画一起使用。
主要代码如下:
$(项目)。Hover(
()函数
{
/ / $(this)。儿童(IMG)(停止)。动画({ 0.8 },不透明度:700,easeinsine);
(这孩子(美元)。div.title)。停止()。动画({ 0 }:,700,easeoutbounce );
(这孩子(美元)。div.desc)。停止()。动画({ 0 },底:700,easeoutbounce );
},
函数(){
/ / $(this)。儿童(IMG),停止({不透明度:)。动画(1 },700);
(这孩子(美元)。div.title)。停止()。动画({ 60 },前:500);
(这孩子(美元)。div.desc)。停止()。动画({ 40 },下:400);
}
);
希望本文能对大家的jQuery程序设计有所帮助。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。