mouseout

    4热度

    3回答

    我在freakyleaf.co.uk/hoverfade/上有以下活动示例,在悬停在一个图块上时,图块背景图像在600毫秒(.tile_img)上形成1到0.25不透明度,然后文本从0到1不透明度过滤500ms(.overlay)。在鼠标移出时,会发生相反的情况。 只要鼠标一旦鼠标悬停动画完成,这一切都可以正常工作。如果在鼠标悬停动画期间鼠标离开,平铺图像将淡出为完全不透明状态,但文本不会褪色,从

    1热度

    1回答

    我有一个Google地图坐标数组。每个坐标集都有自己的标记。如果用户将鼠标悬停(鼠标悬停)到另一个图标上(这个图标对所有标记都是相同的)。我的问题是,如果用户做出鼠标输出,我想恢复原始图标,但是我只是获取所有标记的最后创建的标记(marker3.png)。 也许你有一个想法。这里是脚本: $(document).ready(function(){ var locations

    1热度

    3回答

    我试图做一个简单的小标题框,当你将鼠标悬停在元素上时,它会褪色到元素总宽度的50%,并且一直呆在那里,直到你将鼠标移出元素。 它有点工作,但问题是当我将鼠标移动到.caption div内的链接上时,它正在淡入淡出(闪烁),几乎就像是将标题视为单独的元素,即使它处于主要元素。它也似乎随机闪烁几次,如果我快速鼠标和鼠标悬停。 这里是我的CSS: .thumbs li { float: le

    0热度

    1回答

    我正在使用colobox,并希望在您将鼠标移出照片时自动关闭它。 我发现这个example,它适用于鼠标悬停......但我不想点击关闭。 我在这里设置了一个基本的jsfiddle。任何帮助,将不胜感激。 http://jsfiddle.net/peu8y/ UPDATE我改变了DIV的鼠标离开(见下面的演示),它现在的作品。 http://jsfiddle.net/peu8y/2/

    0热度

    1回答

    我已经建立了一个简单的下拉列表,我填充各种链接。它包含大约50个项目,所以我将它包装在一个div中以使其可滚动。问题是,当我弹出鼠标时,除非显示前两个列表元素,否则我会丢失整个列表。我已经将此下拉菜单构建为一个子菜单,前两个链接作为各种“容器”。 我有点理解为什么我失去了整个列表,但无法弄清楚如何使顶部链接在鼠标悬停时重新生成。 $('.myMenu > li').bind('mouseover'

    0热度

    1回答

    嗨,我创建了一个很好的小jQuery滑动面板,在桌面上效果很好,但利用mouseover和mouseout事件,这显然意味着该脚本将无法正常工作在iPad或触控设备上(据说,这个鼠标悬停事件可以工作,似乎可以转化为iPad上的点击,但随后的鼠标事件将不起作用)。 我希望找到一个解决方案,以在桌面设备和触摸设备上工作 - 我不介意完全交换clickover事件的鼠标悬停/弹出事件,但每当我尝试实现时

    3热度

    1回答

    我使用jQuery淡入淡出tinyScrollBar当用户鼠标或鼠标滚动可滚动区域。 我遇到的问题是,如果用户单击并拖动滚动条手柄,并将其鼠标释放到滚动条手柄以外的任何位置,则它会断开并不再淡入或淡出。 这里是我的企图代码... $('#scrollbar1').tinyscrollbar({ size: 790, sizethumb: 100, wheel: 20, scroll: true }

    0热度

    1回答

    我试图让一个特定的div淡入(left_panel_fade),并保持可见状态,只要鼠标悬停在称为left_panel的div上。 当我使用此代码,没事的时候我鼠标悬停left_panel情况: $("#left_panel").mouseover(function() {$("#left_panel_hover").fadeIn("slow");}); $("#left_panel

    1热度

    2回答

    我刚开始学习jquery,我很幸运能够找到工作。 我的第一个代码是在按下按钮时创建“Dim the light”效果,当灯光熄灭时创建“显示灯光”。这部分工作很好。 下面的代码: $(document).ready(function(){ $(".dimlight").click(function(){ $("#overlay").fadeIn(); $(".diml

    0热度

    3回答

    我遇到了一些jquery菜单中的mouseenter问题。鼠标输入时如何修复p,p还有display block? <script> $(document).ready(function() { $('a').mouseenter(function(){ $('p').css('display','none'); $(this).next('p').slideD