Search box ajax request with input prompt

Drawing first   The first files to be referenced are: base.css  https://www.cnblogs.com/chenyingying0/p/12363689.html jquery.js  transition.js  https://www.cnblogs.com/chenyingying0/p/12363649.html showhide.js  https://www.cnblogs.com/chenyingying0/p/12363707.html search.js  (function($){ "use strict"; //cache var cache={ ...

Posted on Tue, 25 Feb 2020 09:22:32 -0500 by nekoanz

New properties and use of CSS3

New properties and use of CSS3 . Css3? css3 is the latest version of css Width. Height. Background. Border belongs to css2.1CSS3 will keep the content of CSS2.1, just add some new syntax.CSS3 : border-radius :nth-of-type() background-size 1.transition? . transition property: Specifies the name ...

Posted on Sun, 23 Feb 2020 06:59:34 -0500 by sfw5000

CSS3 drawing irregular graphics (1)

Due to irregular borders and graphics in recent projects, I had to review them in advance. Some of the CSS3 drawings I collected before... The performance of the style drawing is better than that of the picture, and the experience is better. Without much nonsense, we can see the effect directly: 1. Triangle series (triangle, in ...

Posted on Sat, 15 Feb 2020 13:28:35 -0500 by klaaz

CSS3 animation (2)

This is a simple example Let's start with a simple example <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS3 animation</title> <style> div { width: 200px; height: 200px; background-color:red; position: relative; an ...

Posted on Sun, 09 Feb 2020 10:09:47 -0500 by firelior

jQuery case summary

jQuery stage Article directory jQuery stage jQuery day one drop-down menu show and hide slideUp and slideDown Button practice Taobao boutique tab bar Glory of Kings Highlight background jQuery day two Shopping cart cases All or none Method Code optimization `Judge whether to select all` Calc ...

Posted on Tue, 21 Jan 2020 10:56:51 -0500 by kevinridge

Print header footer page

header footer When we want to print the current page or save the current page as PDF, we hope to add our own custom logo or text. After investigation, we can find the following two most commonly used ways to add header and footer, but they are not the most ideal solution, and we are still trying to re ...

Posted on Mon, 20 Jan 2020 04:10:56 -0500 by Daniel Exe

Details of programmable CSS less

Less Less is a CS preprocessing language, which adds variables, mixins, functions, structures and other features, makes CSS easier to maintain, and extends CSS functions. Less can be used by webpack, cdn mapping into js, vscade plug-in, koala, etc. the prepared less will eventually be parsed into CSS r ...

Posted on Mon, 13 Jan 2020 05:48:30 -0500 by F1Fan

The text is too long, realizing the function of opening and closing

For overlong text, sometimes you need to implement the... Function. If you don't need to get events, you can directly use css3 to achieve: overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical If you need to get events, you can click to expand ...

Posted on Mon, 06 Jan 2020 03:57:51 -0500 by fordiman

jQuery Source Parsing Animation Module $.animate() Detailed

jQuery's animation module includes hidden display animation, fading animation, sliding in and out animation, and also supports the construction of complex custom animations. The animation module uses many other modules that have been explained before, such as queues, events, and so on. The usage of $.animate() is as follows: animate(prop,speed, ...

Posted on Mon, 30 Dec 2019 19:52:24 -0500 by gintjack

css preprocessor

God, I've been learning Sass recently, and I just know it's really powerful~~~~~ Let me admire such a little white. At present, the common preprocessor languages of css mainly include Sass(Scss), Less, PostCSS and Stylus 1. The following navbar NAV. Drop-down selector has repeated parts .navbar-nav .drop-down {    width: 180px; } .navb ...

Posted on Wed, 25 Dec 2019 12:33:01 -0500 by sniperscope