[FIR. im sponsorship] jQuery programming challenge #012: Generate Menu add and delete animation effects,
Applicant to remove sponsor links
Define the following HTML code:
- <! -- Do not add <body> tags to HTML code snippets. // -->
- <Ul id = "container">
- <Li> Java <I class = "fa-times pull-right"> </I> </li>
- <Li> Javascript <I class = "fa-times pull-right"> </I> </li>
- <Li> HTML <I class = "fa-times pull-right"> </I> </li>
- <Li> CSS <I class = "fa-times pull-right"> </I> </li>
- <Li> PHP <I class = "fa-times pull-right"> </I> </li>
- </Ul>
-
- <! -- Open-source CDN is recommended to select external JS to be referenced. // -->
- <Script type = "text/javascript" src = "http://cdn.gbtags.com/jquery/1.11.1/jquery.min.js"> </script>
The corresponding CSS is as follows:
- /* CSS source code */
- @ Import url ('// cdn.gbtags.com/font-awesome/4.1.0/css/font-awesome.min.css ');
-
- Body {
- Background: #666;
- Color: # fff;
- Font-family: 'Microsoft yahei', Arial, sans-serif;
- }
-
- Ul {
- List-style: none;
- Margin: 0;
- Padding: 0;
- Position: relative;
- }
-
- Li {
- Padding: 10px;
- Margin: 2px;
- Border: 1px solid #888;
- }
Challenges
Use jQuery to implement:
Submission method:
- Recording full code writing process or final code: http://www.gbtags.com/gb/rtrecorder.htm
- In this post publish light video or Code address: http://www.gbtags.com/gb/rtreplayerpreview/189.htm
- 【Strongly recommended] Join the course QQ group immediately: 157757552 to quickly notify the winners and submit the express delivery contact information
- 【Strongly recommended] Add a "QQ" number to your personal information so that we can quickly contact you who have won the award.
Gift Sponsorship
5 challenge gifts (ultra-thick sweater or 16GU disk) sponsored by FIR. im!
FIR. im focus on the development and testing efficiency improvement, to provide developers with App test hosting distribution, real-time crash analysis and other products and services http://fir.im/
Gift 1: sweater
Gift 2: USB flash drive
How to increase the chance of winning an award?
- The fastest way to complete one prize: the fastest way to save and submit code
- One best interpreter: the code recording process and bubbles are explained carefully.
- One person with the best Popularity Award: The most likes (points +)
- Two participants and two winners