Tag: hover

hover在agendaWeek + fullcalendar的一个单元格上的效果

嗨,我正在使用Adam Shaw的FullCalendar( http://arshaw.com/fullcalendar/ )。 我正在使用一个月和AgendaWeek视图。 当用户将鼠标hover在月视图中的日期或在AgendaWeek视图中的时间段时,我想放置hover效果。 我试着改变css如下: .fc-widget-content:hover { background-color: red; } 这适用于月视图。 文件附件 但是,当我只需要突出显示一个时隙时,相同的代码会在agendaWeek视图中选择整行。 下面的示例图片显示了每天下午1:00的时段,而不仅仅是在02-01星期三中鼠标光标所在的时段。 任何想法如何实现这一目标。 非常感谢。

jqueryhover图像淡入淡出交换

我一直在网上搜索一段时间,试图找到编写执行这个简单任务的jquery脚本的最佳方法:使用优雅的淡入淡出效果在hover时交换图像。 我找到了许多解决方案(某种方式来笨重和笨重),并将其缩小到我认为最好的两个方面: Tutorial: Image hover/fade effect using jQuery http://bavotasan.com/tutorials/creating-a-jquery-mouseover-fade-effect/ 出于我的目的,我希望能够在一个页面上多次执行此hover交换。 该页面是http://www.vitaminjdesign.com 。 我目前在我的“服务导航”(不同类型的hover)上盘旋,但我想将它们应用于所有导航按钮,以及页脚中的社交图标。 所有的hover都是相同的 – 两个图像文件,一个在hover时淡入另一个,并在休假时返回。 什么是最好的方法来解决这个问题? 也许上面的一个链接?

在任何doctype中,在Internet Explorer中的表中hover行都很慢

好吧,这个让我发疯。 我有一个约100行的html表。 当你将鼠标移到它上面时,我想让行改变颜色。 我试过了 : :将鼠标hover在CSS中 javascript中的onmouseover / onmouseout事件 jquery .hover jquery .mouseover / .mouseout 使用e.target等将鼠标hover在桌面上 所有这些都在Firefox中运行得非常快,在IE7 / IE8中运行速度非常慢。 不管我试过什么doctype。 但是,如果我完全删除页面的doctype(怪癖),那么它在IE中的速度也非常快! 不幸的是没有doctype对我来说是不可接受的,因为我使用其他(jquery ui)组件似乎喜欢doctype(否则这些在IE中变慢!) 有什么建议? 去测试 : 怪癖模式(在IE中快速徘徊): http : //www.watikwil.nl/test_quirks.html 严格模式(在IE中缓慢盘旋): http : //www.watikwil.nl/test_strict.html 更新:我发现使用背景图像为hover行实际上在IE中比使用背景颜色更快!! 但这只能在使用时快速工作:hover。 jquery或javascript方法不能快速工作。 它仍然没有Firefox那么快,但我可以接受。 *更新2:仍有问题。 在IE8中,它仍然太慢,尤其是在行上有多个类时(如JqGrid那样)* 更新3:不知怎的,我现在已经使用IE8了。 对JqGrid使用的一些类进行Diabled,不知道是否会产生差异。 我正在使用:hover与背景图像。 问题是,当我强制页面使用IE7标准模式时,它明显更快。 但是当我在IE7中尝试相同的页面时,它再次非常慢……真的让我疯狂……

将鼠标hover在图像上以显示按钮,并将鼠标hover在实际按钮上时不会触发

当我将鼠标hover在图像上时,我试图让按钮出现。 以下作品: jQuery(‘.show-image’).mouseenter(function() { jQuery(‘.the-buttons’).animate({ opacity: 1 }, 1500); }).mouseout(function() { jQuery(‘.the-buttons’).animate({ opacity: 0 }, 1500); }); 然而,当从图像移动到按钮(在图像上方)时,鼠标输出/鼠标中心被触发,因此按钮淡出然后淡入(按钮与图像具有相同的类别,否则它们只是保持褪色出)。 如何防止这种情况发生? 我也使用jQuery的hover尝试了上面的代码; 相同的结果。 这是图像的细节,显示了不透明度为1的按钮(因为我在图像上方): http://sofzh.miximages.com/javascript/egeVq.png 在此先感谢您的任何建议。

jQuery图像hover效果

我正试图用jQuery实现这个效果 。 我写了一些代码,但它是错误的(移动到右下方的corder,你会看到)。 看看这个 基本上,如果有一个已经建立的jQuery插件,你知道这样做,我会很高兴使用它,如果没有,任何帮助我的公式将不胜感激。 这是我在数学课上没有注意的结果:) 提前致谢。 Maikel

JQuery改变的色调,饱和度,伽玛?

如果将鼠标hover在图像上,我想让图像变暗。 是否可以使用JQuery(或Javascript)更改img的色调,饱和度或灰度系数?

hover图像 – 显示div

在hover时,我想在图像的右上角找到一个链接。 就像你在Facebook上的个人资料图片上所说的“改变图片”一样。 我试图让它使用一些jquery,但没有运气,因为它没有图像的右侧。 由于它们是轮廓图像,因此图像将具有不同的尺寸。 因此无论大小如何,它都需要保持在图像的右上角。 JQuery的: $(“.imgHover”).hover(function() { $(this).children(“img”).fadeTo(200, 0.25) .end().children(“.hover”).show(); }, function() { $(this).children(“img”).fadeTo(200, 1) .end().children(“.hover”).hide(); }); HTML: Edit CSS: .imgHover .hover { display: none; position:absolute; z-index: 2; } 谢谢!

如何在点击时获得csshover值?

关注这个问题 ,我还有另一个问题 – 如何在单击文本链接时获取csshover值? 例如,我有文本hover的这些值 a.test { text-decoration:none; } a.test:hover { text-decoration:none; opacity:0.6 !important; -ms-filter:”progid:DXImageTransform.Microsoft.Alpha(Opacity=60)”; filter:alpha(opacity=60) !important; } Click Me 这当然失败了! $(“.test”).click(function(){ alert($(this).css()); return false; }) 可能吗? 我遇到了类似的问题,但我不想使用该插件。

jQuery定位

点击这里 ! 只需点击点击此链接即可。 幻灯片搞砸了。 我上传了一张照片。 点击这里查看图片 !

CSS / JQueryhover仅影响hover元素而非父节点

我有一个嵌套项目列表,每个项目都有自己的编辑链接。 Coffee Fruits Edit Banana Edit Orange Edit Apple Edit Fuji Edit Red Delicious Edit Golden Edit Drinks Edit Coke Edit Pepsi Edit Something Edit 我只希望当一个鼠标hover在list元素上时显示编辑链接。 目前,当我将鼠标hover在子元素上时,父元素也会受到影响。 $(‘li’).hover( function(){ $(this).find(‘.editLink’).show(); }, function(){ $(this).find(‘.editLink’).hide(); } ); 我有以下CSS来使编辑链接最初隐藏 .editLink{ display:none; } 如何制作它以便只有hover的元素显示编辑链接而不显示其他元素? 看起来像hide部分很好,但show部分会影响所有嵌套的父级。 以下是实际操作中的示例: http : //jsfiddle.net/D7yWm/