javascript - JQuery Method affecting the Direct children only -


Please find the link below for the bella I created.

This is a simple Jquery animation when the mouse enters the "yellow color diva", then the zooming effect from the "red div" scales. But since DJ is made of single squares in CSS, hovering on a div affects all other devices. Now I should be on the div on which the mouse does not affect others. Please guide and tell me that it is possible without repeating the code for all 3 divisions.

What have I done so far:

  // Image Scale Up Animation Box. AddClass ("scale");}); // Image Scale Down Animation Box.musleave (function () {$ ('frame') ($ ('.frame') ($ ('.frame') AddClass ("normal");});    

< P> You need to find the element .frame inside the hovered div you should use:
  box.mouseenter (function () {$ (this). FindClass ("frame"). AddClass ("scale");}) // Image Scale Down Animation Box.musleave (function () ($ (this) .find ('frame' ). Remove Gluten ( "scale"). AddClass ( "normal");});   



Comments

Popular posts from this blog

ios - Adding an SKSpriteNode to SKScene from a child SKSpriteNode -

Matlab transpose a table vector -

c# - Textbox not clickable but editable -