iPad中悬停效果的淡出

Fadeout on hover effect in iPad

本文关键字:淡出 悬停 iPad      更新时间:2023-09-26

我尝试使用淡出和淡出效果,你可以在这个页面看到:http://www.lifetime-watches.com/gal-w.html

var titleString = $(this).find('a').attr("title");
$("#title").html(titleString).fadeIn(100);
;

所以当他们运行脚本时,图像的标题会在div中消失。

但问题是当这个页面在ipad上打开时,悬停功能不起作用(因为显然他们没有悬停功能),并且div不会淡出。

有什么替代方案?任何帮助都是感激的。谢谢你。

jQuery Hoverable Plugin:

统一不同平台上的触摸和鼠标事件,如台式机和带有触摸屏的移动设备

对于你的应用来说可能是一个很好的选择。

您想要创建第二个与click事件一起工作的实现。可能是这样的:

$(selector syntax).click(function () { AnimationEffect(this); });
$(selector syntax).mouseenter(function () { AnimationEffect(this); });
function AnimationEffect(TheDiv) {
//your animation goes here, TheDiv is the jquery object
//you can access it like this: $(TheDiv).
}

让用户点击手表,然后再次点击以删除信息。

这可以使用。toggle()方法来完成:http://api.jquery.com/toggle-event/