Notepad++ usage tutorial

亚连
Release: 2018-05-10 14:57:47
Original
13380 people have browsed it

This article will give you a tutorial on how to use Notepad. I hope it will be helpful to those who use Notepad editor.

1, lightweight, the software is only 6MB when downloaded, and only about 10MB after decompression, which also includes language files, help files, etc.

2, green open source, Notepad is an open source software that complies with the GPL agreement. It can also be downloaded from the official ZIP package and decompressed.

3, like many text editors, provides code completion and code highlighting functions, but some of them require plug-in extensions.

4. The function is much more powerful than Windows Notepad, but it is still far inferior to Vim and Emacs. Of course, EditPlus and UltraEdit are also very good choices, but unfortunately these two are paid software. Not introduced in this article.

5. The threshold for use is low, and it does not require a lot of time to learn like Vim to meet general use.

6, rich customizable rows, many functions are very user-friendly, such as macro recording.

7, supports most regular expressions.

The following introduces some common functions and configurations of Notepad.

After downloading, unzip or execute the installation program and open the software with the shortcut. You can see that in the software, you can generally see the menu bar, toolbar, tab bar, line number bar and bookmark bar on the left, and the status bar below that displays text and editing status. Everything looks very easy, doesn't it?

First customize the language to Chinese. Select Setting—Preferences in the menu bar, and change the interface language to Chinese in the General tab.

In order to facilitate the column editing function, select the multi-column editing download check box in the editing tab. This is the function of holding down ctrl and clicking the mouse to edit multiple columns, which will be introduced later.

Code Highlighting

Notepad provides code highlighting functions in many languages by default. If the program does not automatically recognize it, you can use it in the menu bar language options to choose from. As shown below. There is a language format setting in the setting options, which can change the background theme and language format.

Tag function

The default configuration in Notepad is to open the tab bar. Press Ctrl w to close the current bookmark, or to do something to the bookmark. For dragging and moving operations, you can turn on the double-click to close bookmark function in the preferences. The floppy disk icon on the bookmark appears red when the file changes and turns blue when archived. The currently edited tab bar has an orange bar. Of course, these configurations can be changed according to your own habits.

Bookmark function

Press Ctrl F2 on any line and you will find a small blue dot in the bookmark bar. Press Ctrl F2 again to cancel. Bookmark. Press F2 when flipping to another line. At this time, you will find that the cursor moves back to the bookmarked line. When setting bookmarks in multiple lines, the F2 cursor moves to the previous bookmark, and Shift F2 moves the cursor to the next bookmark.

Code Tips

The default code auto-completion shortcut key is Ctrl Enter. For example, enter b in a CSS file and press Ctrl Enter. Code prompts come out. Of course, this may be a bit inconvenient. You can select the Enable auto-complete for all inputs option and the Prompt function parameters when typing option in the Backup and Auto-Complete tab in the preferences. Of course, these can be configured according to your own habits. As shown below. Once set, code prompts will automatically appear as you type.

Column editing function

The default shortcut key for column editing in Notepad is Alt c, which can insert text or numbers in the column where the cursor is located. However, it is not easy to use in many practical applications. For example, if you want to edit several lines of text, you need to copy these lines to separate text, edit them, and then copy them back. The following is another more convenient method. Remember the settings mentioned in the beginning: Select the multi-column editing download box in the editing tab. This is the function of holding down ctrl and clicking the mouse to edit multiple columns. Now you can hold down Ctrl and use the left mouse button to select multiple columns and then enter the desired characters or edit them. The method is as shown below: Those gray vertical lines are the places selected for editing. Isn't it very convenient?

Color marking function

Color marking is still more convenient in many cases. The method of use is to select the text that needs to be marked, right-click and select the marking format. The format can also be cleared in the same way. Press Ctrl Shift 1 to move to the previous format 1, Ctrl 1 to the next format 1, Ctrl Shift 1 to move to the previous format 2, and so on...

Display Symbol function

You can find the display symbol function in the view tab. This function can display spaces, tab keys, line breaks, etc. for easy editing. The effect is as follows:

F5 running function

Sometimes you need to quickly run the edited code. At this time, you can press F5 to run quickly. You can select the program and save it:

Macro recording function

I don’t use this function much, but I feel it is a function that is needed in many situations. My understanding You can run the recorded action repeatedly by clicking on the toolbar to start recording, then edit the text to execute the action, and click to stop recording. Finally, select Repeat Macro to perform the action repeatedly. Here you can choose the number of repetitions, etc.

There are also some functions that are not mentioned here, or require a large space or are not commonly used, such as customized toolbars, plug-in functions, etc. There are also some functions that are easy to use. You can refer to the shortcut keys below. This tutorial ends here. There may be some mistakes or forgotten places. I hope you can point them out and I hope you can communicate with me.

File
New file Ctrl N
Open file Ctrl O
Save file Ctrl S
Save as Ctrl Alt S
Save all Ctrl Shift S
Close the current file Ctrl W
Print file Ctrl P
Exit Alt F4

Edit
Undo Ctrl Z
Restore Ctrl Y
Cut Ctrl X
Copy Ctrl C
Delete Del
Select all Ctrl A
Column editing Alt C

Indent Tab
Delete indent Shift Tab
Convert to uppercase Ctrl Shift U
Convert to lowercase Ctrl U

Copy the current line Ctrl D
Delete Current line Ctrl L
Split line Ctrl I
Merge line Ctrl J
Move current line up Ctrl Shift Up
Move current line down Ctrl Shift Down

Add/delete single line comment Ctrl Q
Set line comment Ctrl K
Cancel line comment Ctrl Shift K
Block comment Ctrl Shift Q

Function auto-complete Ctrl Space

Search
Find Ctrl F
Search in the file Ctrl Shift F
Find the next F3
Find the previous Shift F3
Select and find the next Ctrl F3
Line positioning Ctrl G
Positioning matching bracket Ctrl B
Set/cancel bookmark Ctrl F2
Next bookmark F2
Previous bookmark Shift F2

View
Full screen F11
Note mode F12
Collapse all levels Alt 0
Expand all levels Alt Shift 0
Collapse the current level Ctrl Alt F
Expand the current level Ctrl Alt Shift F
Hide rows Alt H
Activate F8 from view

Text comparison tool
Compare open files Alt D
Close file comparison Ctrl Alt D
Compare with the last saved file Alt S
Compare with SVN file Alt B
Previous difference Ctrl Page UP
Next difference Ctrl Page Down
The first difference Ctrl Shift Page Up
The last difference Ctrl Shift Page Down

The above is the method of using the Notepad editor that I compiled. I hope it will be helpful to everyone.

Related articles:

Please help me quickly debug code snippets under notepad

Notepad Huge disaster! Epic error~

HTML Editor--Introduction to the use of Notepad

The above is the detailed content of Notepad++ usage tutorial. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Issues
Can I use notepad++ to edit like you do? Why is the color of the container black when I edit it with notepad++, and it does not change color like other variables? Car online renta...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">From 2019-04-12 23:09:36</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"> <b class="wdcdcirpli"></b>2 </div> <div class="wdcdcirwatch flexRow ira"> <b class="wdcdcirwatchi"></b>1261 </div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="//m.sbmmt.com/wenda/159347.html" target="_blank" title="How to set up notepad++ to debug php code?" class="wdcdcTitle">How to set up notepad++ to debug php code?</a> <a href="//m.sbmmt.com/wenda/159347.html" class="wdcdcCons">I just downloaded notepad++ and I don’t know how to debug it. Could you please help me wit...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">From 2019-03-04 20:05:28</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>1 </div> <div class="wdcdcirpl flexRow ira"> <b class="wdcdcirpli"></b>2 </div> <div class="wdcdcirwatch flexRow ira"> <b class="wdcdcirwatchi"></b>1307 </div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> </div> </div> <div class="wzconZt"> <div class="wzczt-title"> <div> Related Topics </div> <a href="//m.sbmmt.com/faq/zt" target="_blank">More></a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/faq/notepadgw"><img src="https://img.php.cn/upload/subject/202407/22/2024072214243157765.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="notepad++ official website"></a><a target="_blank" href="//m.sbmmt.com/faq/notepadgw" class="title-a-spanl" title=""><span>notepad++ official website</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/faq/blockquote"><img src="https://img.php.cn/upload/subject/202407/22/2024072213421478334.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="How to use blockquote tag"></a><a target="_blank" href="//m.sbmmt.com/faq/blockquote" class="title-a-spanl" title=""><span>How to use blockquote tag</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/faq/dybnxzbcsp"><img src="https://img.php.cn/upload/subject/202407/22/2024072214154219202.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Douyin cannot download and save videos"></a><a target="_blank" href="//m.sbmmt.com/faq/dybnxzbcsp" class="title-a-spanl" title=""><span>Douyin cannot download and save videos</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/faq/hmxtzcnxsj"><img src="https://img.php.cn/upload/subject/202407/22/2024072212202063398.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Which mobile phones does Hongmeng OS support?"></a><a target="_blank" href="//m.sbmmt.com/faq/hmxtzcnxsj" class="title-a-spanl" title=""><span>Which mobile phones does Hongmeng OS support?</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/faq/win10xtcpzybf"><img src="https://img.php.cn/upload/subject/202407/22/2024072212284096124.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="win10 system disk occupied 100%"></a><a target="_blank" href="//m.sbmmt.com/faq/win10xtcpzybf" class="title-a-spanl" title=""><span>win10 system disk occupied 100%</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/faq/cyyhpythonqbd"><img src="https://img.php.cn/upload/subject/202407/22/2024072212232049010.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Is there a big difference between c language and Python?"></a><a target="_blank" href="//m.sbmmt.com/faq/cyyhpythonqbd" class="title-a-spanl" title=""><span>Is there a big difference between c language and Python?</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/faq/tplinklyqszwz"><img src="https://img.php.cn/upload/subject/202407/22/2024072212283896398.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="How to set the URL of tplink router"></a><a target="_blank" href="//m.sbmmt.com/faq/tplinklyqszwz" class="title-a-spanl" title=""><span>How to set the URL of tplink router</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/faq/smsxfce"><img src="https://img.php.cn/upload/subject/202407/22/2024072211510956987.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="what is xfce"></a><a target="_blank" href="//m.sbmmt.com/faq/smsxfce" class="title-a-spanl" title=""><span>what is xfce</span></a></li> </ul> </div> </div> </div> </div> <div class="phpwzright"> <div class="wzrOne"> <div class="wzroTitle"> Popular Recommendations </div> <div class="wzroList"> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="How to download notepad++ official website" href="//m.sbmmt.com/faq/427839.html">How to download notepad++ official website</a> </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="How to set up Chinese interface in notepad++" href="//m.sbmmt.com/faq/476896.html">How to set up Chinese interface in notepad++</a> </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="What software is notepad++?" href="//m.sbmmt.com/faq/469192.html">What software is notepad++?</a> </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Detailed explanation of the directory structure where notepad opens files" href="//m.sbmmt.com/faq/478074.html">Detailed explanation of the directory structure where notepad opens files</a> </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="How to change notepad to Chinese" href="//m.sbmmt.com/faq/428510.html">How to change notepad to Chinese</a> </div></li> </ul> </div> </div> <div class="wzrThree"> <div class="wzrthree-title"> <div> Popular Tutorials </div> <a target="_blank" href="//m.sbmmt.com/course.html">More></a> </div> <div class="wzrthreelist swiper2"> <div class="wzrthreeTab swiper-wrapper"> <div class="check tabdiv swiper-slide" data-id="one"> Related Tutorials <div></div> </div> <div class="tabdiv swiper-slide" data-id="two"> Popular Recommendations <div></div> </div> <div class="tabdiv swiper-slide" data-id="three"> Latest courses <div></div> </div> </div> <ul class="one"> <li><a target="_blank" href="//m.sbmmt.com/course/812.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)"></a> <div class="wzrthree-right"> <a target="_blank" title="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)" href="//m.sbmmt.com/course/812.html">The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)</a> <div class="wzrthreerb"> <div> 1397959 <b class="kclbcollectb"></b> </div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> <li><a target="_blank" href="//m.sbmmt.com/course/74.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/6253d1e28ef5c345.png" alt="PHP introductory tutorial one: Learn PHP in one week"></a> <div class="wzrthree-right"> <a target="_blank" title="PHP introductory tutorial one: Learn PHP in one week" href="//m.sbmmt.com/course/74.html">PHP introductory tutorial one: Learn PHP in one week</a> <div class="wzrthreerb"> <div> 4212086 <b class="kclbcollectb"></b> </div> <div class="courseICollection" data-id="74"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> <li><a target="_blank" href="//m.sbmmt.com/course/286.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA Beginner's Video Tutorial"></a> <div class="wzrthree-right"> <a target="_blank" title="JAVA Beginner's Video Tutorial" href="//m.sbmmt.com/course/286.html">JAVA Beginner's Video Tutorial</a> <div class="wzrthreerb"> <div> 2375088 <b class="kclbcollectb"></b> </div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> <li><a target="_blank" href="//m.sbmmt.com/course/504.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Little Turtle's zero-based introduction to learning Python video tutorial"></a> <div class="wzrthree-right"> <a target="_blank" title="Little Turtle's zero-based introduction to learning Python video tutorial" href="//m.sbmmt.com/course/504.html">Little Turtle's zero-based introduction to learning Python video tutorial</a> <div class="wzrthreerb"> <div> 494976 <b class="kclbcollectb"></b> </div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> <li><a target="_blank" href="//m.sbmmt.com/course/2.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/6253de27bc161468.png" alt="PHP zero-based introductory tutorial"></a> <div class="wzrthree-right"> <a target="_blank" title="PHP zero-based introductory tutorial" href="//m.sbmmt.com/course/2.html">PHP zero-based introductory tutorial</a> <div class="wzrthreerb"> <div> 829063 <b class="kclbcollectb"></b> </div> <div class="courseICollection" data-id="2"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> </ul> <ul class="two" style="display: none;"> <li><a target="_blank" href="//m.sbmmt.com/course/812.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)"></a> <div class="wzrthree-right"> <a target="_blank" title="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)" href="//m.sbmmt.com/course/812.html">The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)</a> <div class="wzrthreerb"> <div> 1397959 times of learning </div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> <li><a target="_blank" href="//m.sbmmt.com/course/286.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA Beginner's Video Tutorial"></a> <div class="wzrthree-right"> <a target="_blank" title="JAVA Beginner's Video Tutorial" href="//m.sbmmt.com/course/286.html">JAVA Beginner's Video Tutorial</a> <div class="wzrthreerb"> <div> 2375088 times of learning </div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> <li><a target="_blank" href="//m.sbmmt.com/course/504.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Little Turtle's zero-based introduction to learning Python video tutorial"></a> <div class="wzrthree-right"> <a target="_blank" title="Little Turtle's zero-based introduction to learning Python video tutorial" href="//m.sbmmt.com/course/504.html">Little Turtle's zero-based introduction to learning Python video tutorial</a> <div class="wzrthreerb"> <div> 494976 times of learning </div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> <li><a target="_blank" href="//m.sbmmt.com/course/901.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Quick introduction to web front-end development"></a> <div class="wzrthree-right"> <a target="_blank" title="Quick introduction to web front-end development" href="//m.sbmmt.com/course/901.html">Quick introduction to web front-end development</a> <div class="wzrthreerb"> <div> 213745 times of learning </div> <div class="courseICollection" data-id="901"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> <li><a target="_blank" href="//m.sbmmt.com/course/234.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="Master PS video tutorials from scratch"></a> <div class="wzrthree-right"> <a target="_blank" title="Master PS video tutorials from scratch" href="//m.sbmmt.com/course/234.html">Master PS video tutorials from scratch</a> <div class="wzrthreerb"> <div> 848418 times of learning </div> <div class="courseICollection" data-id="234"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> </ul> <ul class="three" style="display: none;"> <li><a target="_blank" href="//m.sbmmt.com/course/1648.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="[Web front-end] Node.js quick start"></a> <div class="wzrthree-right"> <a target="_blank" title="[Web front-end] Node.js quick start" href="//m.sbmmt.com/course/1648.html">[Web front-end] Node.js quick start</a> <div class="wzrthreerb"> <div> 3706 times of learning </div> <div class="courseICollection" data-id="1648"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> <li><a target="_blank" href="//m.sbmmt.com/course/1647.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="Complete collection of foreign web development full-stack courses"></a> <div class="wzrthree-right"> <a target="_blank" title="Complete collection of foreign web development full-stack courses" href="//m.sbmmt.com/course/1647.html">Complete collection of foreign web development full-stack courses</a> <div class="wzrthreerb"> <div> 2839 times of learning </div> <div class="courseICollection" data-id="1647"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> <li><a target="_blank" href="//m.sbmmt.com/course/1646.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Go language practical GraphQL"></a> <div class="wzrthree-right"> <a target="_blank" title="Go language practical GraphQL" href="//m.sbmmt.com/course/1646.html">Go language practical GraphQL</a> <div class="wzrthreerb"> <div> 2325 times of learning </div> <div class="courseICollection" data-id="1646"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> <li><a target="_blank" href="//m.sbmmt.com/course/1645.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="550W fan master learns JavaScript from scratch step by step"></a> <div class="wzrthree-right"> <a target="_blank" title="550W fan master learns JavaScript from scratch step by step" href="//m.sbmmt.com/course/1645.html">550W fan master learns JavaScript from scratch step by step</a> <div class="wzrthreerb"> <div> 495 times of learning </div> <div class="courseICollection" data-id="1645"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> <li><a target="_blank" href="//m.sbmmt.com/course/1644.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="Python master Mosh, a beginner with zero basic knowledge can get started in 6 hours"></a> <div class="wzrthree-right"> <a target="_blank" title="Python master Mosh, a beginner with zero basic knowledge can get started in 6 hours" href="//m.sbmmt.com/course/1644.html">Python master Mosh, a beginner with zero basic knowledge can get started in 6 hours</a> <div class="wzrthreerb"> <div> 12743 times of learning </div> <div class="courseICollection" data-id="1644"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> </ul> </div> </div> <div class="wzrFour"> <div class="wzrfour-title"> <div> Latest Downloads </div> <a href="//m.sbmmt.com/xiazai">More></a> </div> <div class="wzrfourList swiper3"> <div class="wzrfourlTab swiper-wrapper"> <div class="check swiper-slide" data-id="onef"> Web Effects <div></div> </div> <div class="swiper-slide" data-id="twof"> Website Source Code <div></div> </div> <div class="swiper-slide" data-id="threef"> Website Materials <div></div> </div> <div class="swiper-slide" data-id="fourf"> Front End Template <div></div> </div> </div> <ul class="onef"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="[form button] jQuery enterprise message form contact code" href="//m.sbmmt.com/xiazai/js/8071">[form button] jQuery enterprise message form contact code</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="[Player special effects] HTML5 MP3 music box playback effects" href="//m.sbmmt.com/xiazai/js/8070">[Player special effects] HTML5 MP3 music box playback effects</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="[Menu navigation] HTML5 cool particle animation navigation menu special effects" href="//m.sbmmt.com/xiazai/js/8069">[Menu navigation] HTML5 cool particle animation navigation menu special effects</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="[form button] jQuery visual form drag and drop editing code" href="//m.sbmmt.com/xiazai/js/8068">[form button] jQuery visual form drag and drop editing code</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="[Player special effects] VUE.JS imitation Kugou music player code" href="//m.sbmmt.com/xiazai/js/8067">[Player special effects] VUE.JS imitation Kugou music player code</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="[html5 special effects] Classic html5 pushing box game" href="//m.sbmmt.com/xiazai/js/8066">[html5 special effects] Classic html5 pushing box game</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="[Picture special effects] jQuery scrolling to add or reduce image effects" href="//m.sbmmt.com/xiazai/js/8065">[Picture special effects] jQuery scrolling to add or reduce image effects</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="[Photo album effects] CSS3 personal album cover hover zoom effect" href="//m.sbmmt.com/xiazai/js/8064">[Photo album effects] CSS3 personal album cover hover zoom effect</a> </div></li> </ul> <ul class="twof" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8328" title="[Front-end template] Home Decor Cleaning and Repair Service Company Website Template" target="_blank">[Front-end template] Home Decor Cleaning and Repair Service Company Website Template</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8327" title="[Front-end template] Fresh color personal resume guide page template" target="_blank">[Front-end template] Fresh color personal resume guide page template</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8326" title="[Front-end template] Designer Creative Job Resume Web Template" target="_blank">[Front-end template] Designer Creative Job Resume Web Template</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8325" title="[Front-end template] Modern engineering construction company website template" target="_blank">[Front-end template] Modern engineering construction company website template</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8324" title="[Front-end template] Responsive HTML5 template for educational service institutions" target="_blank">[Front-end template] Responsive HTML5 template for educational service institutions</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8323" title="[Front-end template] Online e-book store mall website template" target="_blank">[Front-end template] Online e-book store mall website template</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8322" title="[Front-end template] IT technology solves Internet company website template" target="_blank">[Front-end template] IT technology solves Internet company website template</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8321" title="[Front-end template] Purple style foreign exchange trading service website template" target="_blank">[Front-end template] Purple style foreign exchange trading service website template</a> </div></li> </ul> <ul class="threef" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/sucai/3078" target="_blank" title="[PNG material] Cute summer elements vector material (EPS PNG)">[PNG material] Cute summer elements vector material (EPS PNG)</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/sucai/3077" target="_blank" title="[PNG material] Four red 2023 graduation badges vector material (AI EPS PNG)">[PNG material] Four red 2023 graduation badges vector material (AI EPS PNG)</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/sucai/3076" target="_blank" title="[banner picture] Singing bird and cart filled with flowers design spring banner vector material (AI EPS)">[banner picture] Singing bird and cart filled with flowers design spring banner vector material (AI EPS)</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/sucai/3075" target="_blank" title="[PNG material] Golden graduation cap vector material (EPS PNG)">[PNG material] Golden graduation cap vector material (EPS PNG)</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/sucai/3074" target="_blank" title="[PNG material] Black and white style mountain icon vector material (EPS PNG)">[PNG material] Black and white style mountain icon vector material (EPS PNG)</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/sucai/3073" target="_blank" title="[PNG material] Superhero silhouette vector material (EPS PNG) with different color cloaks and different poses">[PNG material] Superhero silhouette vector material (EPS PNG) with different color cloaks and different poses</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/sucai/3072" target="_blank" title="[banner picture] Flat style Arbor Day banner vector material (AI+EPS)">[banner picture] Flat style Arbor Day banner vector material (AI+EPS)</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/sucai/3071" target="_blank" title="[PNG material] Nine comic-style exploding chat bubbles vector material (EPS+PNG)">[PNG material] Nine comic-style exploding chat bubbles vector material (EPS+PNG)</a> </div></li> </ul> <ul class="fourf" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8328" target="_blank" title="[Front-end template] Home Decor Cleaning and Repair Service Company Website Template">[Front-end template] Home Decor Cleaning and Repair Service Company Website Template</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8327" target="_blank" title="[Front-end template] Fresh color personal resume guide page template">[Front-end template] Fresh color personal resume guide page template</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8326" target="_blank" title="[Front-end template] Designer Creative Job Resume Web Template">[Front-end template] Designer Creative Job Resume Web Template</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8325" target="_blank" title="[Front-end template] Modern engineering construction company website template">[Front-end template] Modern engineering construction company website template</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8324" target="_blank" title="[Front-end template] Responsive HTML5 template for educational service institutions">[Front-end template] Responsive HTML5 template for educational service institutions</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8323" target="_blank" title="[Front-end template] Online e-book store mall website template">[Front-end template] Online e-book store mall website template</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8322" target="_blank" title="[Front-end template] IT technology solves Internet company website template">[Front-end template] IT technology solves Internet company website template</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8321" target="_blank" title="[Front-end template] Purple style foreign exchange trading service website template">[Front-end template] Purple style foreign exchange trading service website template</a> </div></li> </ul> </div> </div> </div> </div> <div class="phpFoot"> <div class="phpFootIn"> <div class="phpFootCont"> <div class="phpFootLeft"> <dl> <dt> <a href="//m.sbmmt.com/about/us.html" rel="nofollow" target="_blank" title="About us" class="cBlack">About us</a> <a href="//m.sbmmt.com/about/disclaimer.html" rel="nofollow" target="_blank" title="Disclaimer" class="cBlack">Disclaimer</a> <a href="//m.sbmmt.com/update/article_0_1.html" target="_blank" title="Sitemap" class="cBlack">Sitemap</a> <div class="clear"></div> </dt> <dd class="cont1"> php.cn:Public welfare online PHP training,Help PHP learners grow quickly! </dd> </dl> </div> </div> </div> </div> <input type="hidden" id="verifycode" value="/captcha.html"> <link rel="stylesheet" id="_main-css" href="//m.sbmmt.com/static/css/viewer.min.css?2" type="text/css" media="all"> </body> </html>