Apply for a person, remove the sponsor link
Define the following HTML code:
- < do not add <body> tags in!--html snippet//-->
- <ul id="container">
- <li>Java<i class="fa fa-times pull-right"></i></li >
- <li>Javascript<i class="fa fa-times pull-right"></i></li>
- <li>HTML<i class="fa fa-times pull-right"></i></li >
- <li>CSS<i class="fa fa-times pull-right"></i></li >
- <li>PHP<i class="fa fa-times pull-right"></i></li>
- </ul>
- <!--recommend an open source CDN to select the 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;
- }
Challenge requirements
Use jquery to implement:
- Click on the page to add a new LI element at the beginning of the #container container element, with the content text "more languages" and a Delete button (the animation effect is a swipe down)
- Click on each Li corresponding delete icon, the current Li is automatically removed from the current list (the animation effect to the left slide disappears)
How to submit:
- Record the complete code writing process or the final code: http://www.gbtags.com/gb/rtrecorder.htm
- Posts in this post light video or code address: http://www.gbtags.com/gb/rtreplayerpreview/189.htm
- " Highly recommended " immediately join the course QQ Group: 157757552, quickly notify the award-winning users and submit express contact information
- " Highly recommended " personal information to add the "QQ" number, so that we quickly contact the award-winning You
Gift Sponsorship
This challenge Gift 5 parts (extra thick sweatshirt or 16GU dish) by fir.im full sponsorship!
FIR.IM focuses on development testing efficiency, providing developers with products and services such as APP test hosting distribution, real-time crash analysis, and more http://fir.im/
Gift One: Sweatshirt
Gift II: U disk
How to increase the chance of winning?
- Fastest Completion Award: Fastest Save submission Code
- Best Lecture Award: Code recording process and its bubbles explained in detail carefully
- Best Popularity Award: Most people who like (dot +)
- Participation and its winning prize two
"Fir.im Sponsorship" jquery Programming Challenge #012: Create menu Add and remove animations effects
