jquery mouseover/mouseout -
After working out the mouse, it is not working once again, what is the work around it? P>
& lt ;! DOCTYPE html & gt; & Lt; Html & gt; & Lt; Top & gt; & Lt; Style & gt; / * Div {background: # def3ca; Margin: 3px; Width: 80px; display none; Swim left; Text-align: center; } * / & Lt; / Style & gt; & Lt; Script src = "http://code.jquery.com/jquery-latest.min.js" & gt; & Lt; / Script & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Div id = "playcontrols" style = "position: full; bottom: 0 pixels; left: 0 pixel; right: 0 pixel; color: blue;" & Gt; Mouse over me & lt; / Div & gt; & Lt; Script & gt; $ (Document) .ready (function () {$ ("# playcontrols"). Mouseover (function () {warning ('here'); $ ("div: eq (0)"). Show ("fast" function () {/ * Use the carpet so that the function * / $ (this) does not have the name of .next ("div") Show ("fast", arguments.callee);});}); $ ("# PlayControls "). Mouseout (function () {warning ('here'); $ (" div "); hidden (2000);});}); & Lt; / Script & gt; & Lt; / Body & gt; & Lt; / Html & gt;
This row hides all divs on your page:
<. Hide Code> $ ("div") (2000);
I do not think you want this. This div will also hide which mouseover / mouseout handles.
I think you mean:
$ (this) .next ("div"). Hide (2000);
This will only hide the div that you wanted.
Comments
Post a Comment