current location: Home > Download > JS effects > html5 special effects > H5+svg creates a list of items and adds and deletes animation effects
H5+svg creates a list of items and adds and deletes animation effects
Classify: JS effects / html5 special effects | Release time: 2018-06-06 | visits: 1210 |
Download: 48 |
Latest downloads
Fantasy Aquarium
Girls Frontline
Wings of Stars
Little Flower Fairy Fairy Paradise
Restaurant Cute Story
Shanhe Travel Exploration
Love and Producer
The most powerful brain 3
Odd Dust: Damila
Young Journey to the West 2
24 hoursReading leaderboard
- 1 Huawei FreeClip ear-clip headphones launch engraving service: create a unique appearance
- 2 Performance guarantee of C++ in cross-border payment
- 3 How to plug in the motherboard power cord?
- 4 Simple steps to open hydrogen window on OnePlus 6
- 5 Meizu 21 Note has built-in AI calling functions: “Super Notes” and global recording
- 6 Vipshop steps to change login password
- 7 The specific solution to the inconsistent dimensioning in Tianzheng Construction 2014
- 8 Training machine learning models using C++: from data preprocessing to model validation
- 9 How to set up HDR video display in Windows 11 How to set up HDR video display
- 10 How to set half-screen mode in Douyin comment area? Where are the comment permissions set?
- 11 How to read the test records in the Chalk App
- 12 Meizu 21/Pro mobile phone system has been greatly upgraded, fully supporting Wi-Fi 7 technical standards
- 13 How to check the battery information of Tuba Toolbox_How to check the battery information of Tuba Toolbox
- 14 Detailed strategy for displaying row numbers in SqlServer2008
- 15 How to improve the startup speed of Edge browser? Edge browser optimization startup speed tutorial
Latest Tutorials
-
- Go language practical GraphQL
- 458 2024-04-19
-
- 550W fan master learns JavaScript from scratch step by step
- 909 2024-04-18
-
- Getting Started with MySQL (Teacher mosh)
- 679 2024-04-07
-
- Mock.js | Axios.js | Json | Ajax--Ten days of quality class
- 1683 2024-03-29
代码片段:
<header>
<input type="text" autofocus placeholder="Enter a task..." id="item">
<div id='animationDiv'>
<button id="add">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve"><g><path class="fill" d="M16,8c0,0.5-0.5,1-1,1H9v6c0,0.5-0.5,1-1,1s-1-0.5-1-1V9H1C0.5,9,0,8.5,0,8s0.5-1,1-1h6V1c0-0.5,0.5-1,1-1s1,0.5,1,1v6h6C15.5,7,16,7.5,16,8z"></g></svg>
</button>
</div>
</header>
<div class="container">
<ul class="todo" id="todo"></ul>
<hr class = "divider">
<ul class="todo" id="completed"></ul>
</div>