jquery hand Speed test games to realize the idea of a detailed _jquery

(-1) written in front

I used the chrome49,jquery3.0, I got 399 points, believe it or not.

(1) Design ideas

Two P elements in Div, each P element is the same height and width as div, when the mouse on the Div, the first P move up (change margintop value), when the mouse left the Div, the first p move downward.

(2) Knowledge reserve

A.: Nth-child

#lol P:nth-child (1), the current element p is relative to all child elements of his parent element, and if the first element is P, the match succeeds.

#lol: Nth-child (1) is equivalent to #lol *:nth-child (1)

(3) Code

<! DOCTYPE html>  

The above is a small set to introduce the jquery hand speed test games to achieve detailed ideas, I hope to help you, if you have any questions please give me a message, small series will promptly reply to everyone. Here also thank you very much for the cloud Habitat Community website support!