Writing plug-ins in jQuery
Process oriented jQuery plug-in code with interlaced color
First, the HTML code is as follows:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-1.11.0.js" ></script>
&l ...
Added by slapdashgrim on Mon, 06 Jan 2020 11:28:31 +0200
Simple top navigation bar
I don't want to talk much, but I still like the picture above
The amount of code is not large, there is slight animation effect, it does not support left and right sliding, and the switching is smooth. The specific code is as follows:
HTML:
<div class="nav-box">
<div class="nav-tap">
...
Added by weekenthe9 on Mon, 06 Jan 2020 04:05:21 +0200
bootstrap pull-down menu component and button group component and button pull-down menu
Pull down menu components
Using the bootstrap pull-down menu component, you need to introduce bootstrap.js under the JS directory of jquery and bootstrap folders.
<script src="jq/jquery-3.3.1.min.js"></script>
<script src="js/bootstrap.js"></script>
Drop down menus are all contained in. dropdown con ...
Added by davidprogramer on Sat, 04 Jan 2020 22:48:09 +0200
Spring bootstrap table table creation
There are many kinds of foreground table plug-ins. datatable and gridtable have been used before. To try a new one, we choose bootstrap table. The main purpose is to design the interface with bootstrap, so we choose this one. The official website of bootstrap table is http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/ ...
Added by cordoprod on Sat, 04 Jan 2020 03:11:35 +0200
Distpicker provincial address three level linkage plug-in
Use and download address: http://www.jq22.com/jquery-info8054
1, Introduce distpicker.js distpicker.data.js
2, html structure initialization
<div data-toggle="distpicker" id="address">
<select></select><!-- province -->
<select></select><!-- city -->
<select></selec ...
Added by GroundZeroStudios on Fri, 03 Jan 2020 23:40:20 +0200
The drop-down list references database data JS to write randomly generated QR code
What should you do when you need a QR code with the content you want to represent or the web page you want to enter?
Today, let's look at the generation of a random QR Code:
Tools used:
Microsoft Visual Studio 2010
SQL Server Management Studio
First, we have to introduce two libraries:
<script type="text/javascript" src="http://static. ...
Added by webrajesh on Fri, 03 Jan 2020 04:06:08 +0200
text(),html() and val() in jQuery
text()
This method sets or returns the text content of the selected element
example:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
& ...
Added by jpbox on Thu, 02 Jan 2020 17:04:30 +0200
jQuery: case 6 seamless scrolling
Animation: display information one by one (three) in the window, switch information by seamless scrolling, stop scrolling when the mouse selects the message, and continue scrolling when the mouse moves away.
Implementation method:
Through the animation () animation, the information flow is moved up a row of information, the f ...
Added by MrXander on Thu, 02 Jan 2020 11:55:26 +0200
Three level linkage effect of provincial and urban areas, using city picker
City picker can help us to complete the three-level linkage effect of provincial and urban areas conveniently and quickly. It is simple and fast. We can download the plug-in on the official website: http://tshi0912.github.io/city-picker/
Download this: city-picker-master.zip
After decompression:
Copy the contents of dist to ...
Added by L0j1k on Thu, 02 Jan 2020 00:33:11 +0200
Crop pictures using the CROPPER plug-in
Clipper is a simple and powerful image clipping jQuery plug-in. The image clipping plug-in supports image zooming, image rotation, touch screen device, canvas and cross browser use.
There are two ways for the clipper to upload the captured image data. One is that the front end sends the clipped data to the background for ...
Added by mrman23 on Wed, 01 Jan 2020 19:39:09 +0200