mouseout

问题 I have table which class is forum . My jquery code: <script type="text/javascript"> $(document).ready(function() { $('.forum').bind("mouseover", function(){ var color = $(this).css("background-color"); $(this).css("background", "#380606"); $(this).bind("mouseout", function(){ $(this).css("background", color); }) }) }) </script> It perfectly works, but is it possible to do it in more efficient way without var color = $(this).css("background-color"); . Just after mouseout leave the previous

问题 I used the jQuery mouseout and mouseenter function. But is not working good. Because when you go fast over the items. I get verry crazy effects. I used this code: $('.hover').css('opacity', 1); $('.controlNav li').mouseover(function() { $('.hover', this).css({ display: 'block' }).animate({ top: -73, opacity: 1 }, 450, 'swing' ); }).mouseout(function(){ $('.hover', this).css({ display: 'none' }).animate({ top: -60, opacity: 0 }); }); How can i fix my problem? 回答1: I added in .stop() just

问题 In this Fiddle (html+css) you can see that if you mouseover the "link" both, font and background , slowly rea-animates but if you mouseout ONLY the font re-animates again. The background just fast blink back to a {background:} How do I force the background to animate even on mouseout? 回答1: You had your transition for the background only on the hover. That means that if the user isn't hovering the transition isn't executed. By giving #dolu a transition: 5s instead of transition: color 5s it is

问题 I am implementing an animated pie chart in Highcharts where the slices pull out on mouseover and all is good apart from a issue where the on mouseOut I want the slice to return to the 'closed' position. This is the code for the animation and I have a clearTimeout on mouseOut however this is not returning the slice to the original position. Is there an easy way of the chart to its original position. I have a fiddle here... http://jsfiddle.net/rupertito/Y3wvN/1/ pie: { allowPointSelect: true,

问题 I am talking about this example (badAdviceGuy created it for me): Grid css transition .wrapper { width: 300px; } li { display: inline-block; height: 40px; width: 40px; position: relative; padding: 3px; } a { display: block; height: 40px; width: 40px; background: lightblue; position: absolute; -webkit-transition: .3s; transition: .3s; } a:hover { -webkit-transform: scale(2,2); transform: scale(2,2); z-index: 100; background: lightgreen; } When I hover fast over the grid elements, the zoom

问题 I have the following to draw a polygon on a canvas when the mouseover event fires: $(document).ready(function() { $('#flam').mouseover(function() { context.fillStyle = '#f00'; context.beginPath(); context.moveTo(98,265); context.lineTo(197,240); context.lineTo(197,235); context.lineTo(227,220); context.lineTo(242,220); context.lineTo(245,209); context.lineTo(252,208); context.lineTo(252,200); context.lineTo(274,179); context.lineTo(277,179); context.lineTo(290,166); context.lineTo(191,72);

问题 Is there a way to make jquery wait a certain about amount of time before mouseout event is fired? It is firing too early at the moment and I'd prefer to wait 500ms before it evaluates the mouse out. An example of the code I'm using below. $('.under-construction',this).bind({ mousemove: function(e) { setToolTipPosition(this,e); css({'cursor' : 'crosshair' }); }, mouseover: function() { $c('show!'); showUnderConstruction(); }, mouseout: function() { $c('hide!'); hideUnderConstruction(); },

问题 I have been trying to test a tooltip in my web page using Selenium WebDriver with Firefox 19. I'm basically trying to use mouse actions to hover over the element that has the tooltip attached in order to test that the tooltip is displayed and to hover over another element to test that the tooltip is hidden. The first operation works fine but when hovering over another element the tooltip remains visible. This issue does not occur when testing the webpage manually. Has anyone else encountered

问题 I use Raphael JS to create an SVG-map with area's and textlabels. I want the area to highlight when you move the mouse over it. I have this working now, but when I move the mouse over the label (in the center of the area) the mouseout-event for that area is triggered, so the area is unhighlighted again. Is there any way to prevent this from happening, or a workaround ? 回答1: Create a rect with opacity set to 0 over the text and attach the event handlers on that rect. You can calculate the

问题 ul with links nested in a div layer. mouse pointer goes over .title , ul is shown. the problem: mouseout() applies to nested elements mouseout() is for the div <div> <a class="title">Section A</a> <ul> <li><a href=''>link 1</a></li> <li><a href=''>link 2</a></li> <li><a href=''>link 3</a></li> </ul> </div> $('.title').mouseover(function() { $('ul').slideDown(); }) $('div').mouseout(function(){ $('ul').slideUp(); }); 回答1: Try $('selector').mouseleave(function(){}); 来源： https://stackoverflow