hover

问题 I'm trying to figure out how to set all images to be 50% opacity initially , and then change to 100% opacity on hover . I tried setting this rule in the .css file but it gives a parse error: img { opacity:0.4; filter:alpha(opacity=40); } img:hover { opacity:1.0; filter:alpha(opacity=100); } 回答1: Your code is good- verified in this Fiddle with a friendly fish: http://jsfiddle.net/Qrufy/ <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/1/15/Colossoma_macropomum_01.jpg/800px

问题 I have a set that only contains a rectangle. var hoverTrigger = this.paper.set(); var outline = this.paper.rect(); outline.attr({ ... hoverTrigger.push(outline) this.sprite.push(hoverTrigger); Upon hover, the rectangle is supposed to expand, and some links are added to it, and upon mouse off, the links disappear and the rectangle becomes small again. hoverTrigger.hover(function () { var link = this.paper.text(); hoverTrigger.push(link); outline.animate({ ... }, function() { link.remove();

问题 So Im setting up a menu that has different background :hover colors. The buttons backgrounds will be a grey color and upon hover the button animate() to its respective color. I can grab the original default color of whatever button I hover over like this: var origBackgroundColor = $(this).css('background-color'); But is it possible to get the color from a css :hover property that I set? I will have the :hover colors set for each button because if someone doesn't have JS enabled the navigation

问题 I dynamically change the background color of a div with the jquery .css() method. I also want to have a CSS hover selector on that same div that changes the background color. It seems that before the color is changed with jquery, the CSS hover selector works, but after the div is changed with the jquery method, the CSS hover selector no longer works. Is there a way to work around this (without using the jquery hover method)? This is an example of what I'm talking about: http://jsfiddle.net

问题 I'm currently trying to do a menu with submenu. Here is what i want to do. On hover a link (#mylink) i want to display a div (lets call it "#submenu") right under it. On mouse leave this link a want to execute a function after 5 second. In this interval of 5 seconds, if i hover my div (#submenu) i want to clearTimeout. So this div won't desapear after 5 seconds. Here is my code : $(document).ready(function() { $("#mylink").hover( function () { $('#submenu').show(); }, function() { var timer =

问题 I'm wondering how to go about marking up and coding hover effects for a map similar to this image. When each district (or section) is moused over/touched/clicked I need to change the colour of it without affecting any other section. The boundaries on each section must be representative of the image and shouldn't be squares. The solution can't use canvas since the site I'm working on has to be usable in older browsers (I'm gutted, personally.) Ideally I want to do this with CSS without using

问题 I'm changing my codes to be compatible with jQuery 1.8 and I'm stuck with this hover which doesn't work. When I used then same thing with a click it worked. Here is my code, can anyone tell me where I'm going wrong? $(document).on('hover', '.top-level', function (event) { $(this).find('.actionfcnt').show(); $(this).find('.dropfcnt').show(); }, function () { $(this).find('.dropfcnt').hide('blind', function () { $('.actionfcnt').hide(); }); }); 回答1: Deprecated as of jQuery 1.8 : The name "hover

问题 Using the following code, trying to get the font color to animate on hover, similar to how I have the border-bottom-color animating. Changing the border-bottom-color works well but the font color just won't seem to change. A full example can be seen here: http://www.buenolisto.com/alma. Any help is greatly appreciated. I am also already calling the jQuery UI in with: https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.js jQuery("li.social").hover(function() { jQuery(this).find(

问题 when we define hover state of anything CSS... & on hover state we change the background:url('image path'); will this image be preloaded of will be download on the first hover of the element.. if that is so then how to preload it... i know the javascript to preload images.. is that going to work... 回答1: If you're trying to avoid having your hover state images only load they they're being hovered on, instead of preloading them, why not create sprites that hold both the normal and hover images ?

问题 How can i get the :hover in css stylesheet on the fly with jquery? stupid example: a.foo { color: red; font-size: 11px; } a.foo:hover { color: blue; font-size: 12px; } how to retrieve that color and font-size before that mouse will go over the anchor? 回答1: If you really need to, you can access this information throught the document.styleSheet property. An example is available here: http://jsfiddle.net/Xm2zU/1/ Please note that IE would need its own code to do this as it uses ".rules" rather