Tag: hover

用jquery丢失css

Csshover正常工作，直到单击其中一个菜单项。 我相信问题始于我添加了这一行 $(“#buttons li a:not(a.” + target + “)”).css(“background-position”,”0 0″); CSS #buttons {float:left;} #buttons ul {list-style-type:none;cursor:pointer;overflow:hidden;} #buttons ul li {height:195px;width:40px;float:left} #buttons a {display:block;height:195px;width:40px;border:none;cursor:pointer;} #buttons a.settings:hover, #buttons a.duels:hover, #buttons a.messages:hover {background-position: -40px 0;} #buttons a.settings {background:url(accountsettings.png)} #buttons a.something {background:url(accountsomething.png)} #buttons a.messages {background:url(accountmessages.png)} #text{width:600px;height:199px;overflow:hidden;float:left;} div#text div {width:600px;height:199px;float:left; margin-left:20px;} HTML Account Settings Lorem ipsum dolor sit amet, consectetuer […]

jQuery褪色/调暗其他列表元素当一个人徘徊时，我90％那里..？

我有一个无序列表，可能有30个项目。 当其中一个项目hover在上面时，其余的列表项目会淡化到30％，而hover的项目会保持在100％; 当你离开列表时，它们都会逐渐淡化到100％，我已经设法了。 当您从一个项目移动到另一个项目时，我的问题就会出现，其他列表项目会逐渐淡化为100％，然后再降低到30％。 除非用户离开整个列表，否则我希望它们保持在30％。 我在每个列表项上使用hoverIntent插件。 我还使用jQuery将一个类添加到当前列表项中，因此我可以淡化其余部分并在您离开后将其删除。 我使用了jQuery Cookbook网站上的等待函数（ http://docs.jquery.com/Cookbook/wait ） 你明白我的意思吗？ 到目前为止，这是我的代码： $.fn.wait = function(time, type) { time = time || 300; type = type || “fx”; return this.queue(type, function() { var self = this; setTimeout(function() { $(self).dequeue(); }, time); }); }; $(“#sites li:not(#sites li li)”).hoverIntent(function(){ $(this).attr(‘class’, ‘current’); // Add class .current $(“#sites li:not(#sites […]

hover时jQuery交换z-index

我有一个“了解更多”按钮，当用户将鼠标hover在该按钮上时，将在包含一个文本块的按钮顶部显示“更多信息框”。 我无法正常工作，因为更多的信息框似乎干扰了hoverfunction。 我上传了一个我想要实现的例子： http ： //recoverstudio.com/hover_zindex/ CSS： #container { margin: 30px 0 0 0; } .more_info { background: #ccc; margin: 0 auto; padding: 10px 20px; position: relative; top: -38px; width: 355px; z-index: 0; } .more_info p { color: #fff; font-size: 12px; line-height: 1.3; margin: 0; } .learn_more_btn { background: #333; color: #fff; display: block; margin: […]

图像放大hover，内容在div框中附加到图像

我想知道是否有人可以指导我建立一个脚本，我可以通过鼠标hover来放大图像，但图像不仅会被放大，图像周围的div也会附加到它上面当你盘旋 谢谢！

当鼠标hover在另一个上时，动画一个Div

当鼠标hover在页面上其他地方的另一个div标签时，我正在寻找动画一个div。 举个例子… CSS #blue-box { position:absolute; margin-left:50px; margin-top:50px; height:100px; width:100px; background-color:blue; } #red-box { position:absolute; margin-left:180px; margin-top:50px; height:100px; width:100px; background-color:red; } HTML JavaScript的 $(document).ready(function(){ $(‘#red-box’).animate({‘margin-top’: ‘200px’}, 1500); }); 我也帮助了一个jsFiddle 。 只要鼠标hover在蓝框上，我怎么能在红框上触发动画？ 当鼠标移离蓝框时，反转动画？ 将红色框返回到它的起始位置。 谁能帮助我？

jQuery：如何获得我在整个文档正文中全局hover的最里面的dom元素？

我想检测整个文档主体上的鼠标移动，并能够准确地告诉我正在盘旋的DOM的哪个部分。 “哪个部分”是指鼠标当前所在的最内层DOM元素。 我可以将hover绑定到整个文档正文，但是然后$（this）会给我$（body），而不是最里面的元素。 或者我可以递归迭代整个DOM并将hover绑定到每个元素，但这将是一个严重的矫枉过正的IMO。 有没有一种简单的方法来实现这一目标？

将鼠标hover在缩略图上以启动新图像; hover结束后新图像仍然存在

我有一个缩略图。 将鼠标移到此图像上后，会出现一个全新的图像。 挑战 一旦缩略图的hover结束，新图像必须保留。 只有当用户将鼠标移离新图像时，新图像才会消失。 仅CSS解决方案 今天用CSS进行了几个小时的实验后，我设计的最佳解决方案包括:hover伪类， transition和opacity 。 对于JS中的一个简单任务来说，这是一个复杂而复杂的解决方案。 加上，解决方案甚至不是很好，可能只适用于较新的浏览器。 所以我已经不再寻找仅支持CSS的解决方案了（尽管我对此持开放态度）。 JAVASCRIPT 我不太了解JS，但我想出了一些代码（可能结构不合理）让我更接近目标。 我现在使用的JS在缩略图鼠标hover上触发新图像，并在mouseleave上隐藏新图像。 问题是代码没有重置（因此用户必须刷新页面才能使hover效果再次起作用）。 这是我到目前为止所拥有的： HTML THUMBNAIL IMAGE NEW IMAGE NEARBY CSS ul > li > ul {display: none;} ul > li#thumbnail > a { background-color: #f00; color: #fff; padding: 5px; } ul > li > ul > li { position: absolute; top: […]

jQuery – 拖动时停止hover事件

我正在创建一个拖放图像环境，如果将鼠标hover在图像上，会弹出一个小菜单。 如果单击并拖动图像，则可以对其进行重新排序。 我遇到的问题是，我希望在你拖动时禁用hover事件。 目前，如果您拖动图像，它会触发您hover在其他图像上的所有hover菜单。 $(‘ul.imglist li’).mousedown( function() { $(this).find(‘ul’) .fadeOut(100); }); // Image actions menu $(‘ul.imglist li’).hover( function() { $(this).find(‘ul’) .css(‘display’, ‘none’) .fadeIn(‘fast’) .css(‘display’, ‘block’); }, function() { $(this).find(‘ul’) .fadeOut(100); }); 我在这里有一些jQuery，底部hover事件是我想要在拖动时禁用的事件，顶部mousedown是当你点击图像时摆脱菜单。 我需要一些能够在移动鼠标的同时禁用hover的东西，同时按下按键（拖动）。 我尝试了一些没有运气的事情，是否有人有建议？

jQueryhover效果超过表

我是jQuery的新手，我试图在我的桌子上做一个hover效果，但我不知道怎么做。 我想只将文本设为红色，然后在焦点丢失时再次删除红色。 这是我到目前为止： $(function() { $(‘tr’).hover(function() { $(this).css(‘color’, ‘red’) }); }); ID name #1 ole #2 jeffrey #3 collin #4 eve

如何在hover事件的jQuery动画中正确使用stop（）？

我使用下面的方法制作一些动画。 但是当我快速移入和移出鼠标并将其停在div ， fadeIn()不起作用且div保持透明。 $(“.grids”).hover(function() { $(‘.gridscontrol’).stop().fadeIn(200); }, function() { $(‘.gridscontrol’).stop().fadeOut(200); });