[FIR. im sponsorship] jQuery programming challenge #012: Generate Menu add and delete animation effects,

Source: Internet
Author: User

[FIR. im sponsorship] jQuery programming challenge #012: Generate Menu add and delete animation effects,
Applicant to remove sponsor links

Define the following HTML code:

  1. <! -- Do not add <body> tags to HTML code snippets. // -->
  2. <Ul id = "container">
  3. <Li> Java <I class = "fa-times pull-right"> </I> </li>
  4. <Li> Javascript <I class = "fa-times pull-right"> </I> </li>
  5. <Li> HTML <I class = "fa-times pull-right"> </I> </li>
  6. <Li> CSS <I class = "fa-times pull-right"> </I> </li>
  7. <Li> PHP <I class = "fa-times pull-right"> </I> </li>
  8. </Ul>
  9.  
  10. <! -- Open-source CDN is recommended to select external JS to be referenced. // -->
  11. <Script type = "text/javascript" src = "http://cdn.gbtags.com/jquery/1.11.1/jquery.min.js"> </script>

The corresponding CSS is as follows:

  1. /* CSS source code */
  2. @ Import url ('// cdn.gbtags.com/font-awesome/4.1.0/css/font-awesome.min.css ');
  3.  
  4. Body {
  5. Background: #666;
  6. Color: # fff;
  7. Font-family: 'Microsoft yahei', Arial, sans-serif;
  8. }
  9.  
  10. Ul {
  11. List-style: none;
  12. Margin: 0;
  13. Padding: 0;
  14. Position: relative;
  15. }
  16.  
  17. Li {
  18. Padding: 10px;
  19. Margin: 2px;
  20. Border: 1px solid #888;
  21. }
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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.