10 Web front-end jquery-based page code

1. jquery-based picture with Button left and right scroll switch

jquery with button picture scrolling switch code is a jquery make with button picture left and right scrolling toggle effect code

Online Demo

SOURCE download

2. jquery-based pictures up and down seamless continuous cycle scrolling

Imgscroll plug-in is a support for Image focus scrolling (support gradient and scrolling), the picture continuous seamless cycle scrolling JS library, rely on the jquery picture seamless continuous cycle scrolling support up and down around the scroll.

Online Demo

SOURCE download

Fixed-layer timeline dynamic effect with 3.jquery implementation

jquery realizes the fixed-layer timeline dynamic effect source code, is a very useful layer of fixed display codes.

Online Demo

SOURCE download

4.jQuery implementation of a hotel booking page Double date selection box effect

jquery implementation of a hotel booking page Double date selection box effect source code, is a travel page can be used in the hotel booking page codes, if the code added to the search function is more perfect, the most important feature of this code is to support the double date selection box.

Online Demo

SOURCE download

5.jquery implementation of computer-enabled display of imitation phone album arrangement and viewing Effect

jquery implementation of the support of the computer display of The imitation Phone album arrangement and view the effect of the source (no touch), is a computer can be implemented in the smart Phone album layout and click to view the album function code, however, this section of the code does not support the mouse to swipe left and right to switch pictures.

Online Demo

SOURCE download

6.js Implement DIV Drag animation run track effect

This is a JS-based implementation of the DIV-drag animation running track effect source code, is a native JS div drag effect to make the mouse drag div animation run track effect codes. You can choose to "remember tracks" and "Do not remember track" Two drag display modes, thus showing a different drag effect.

Online Demo

SOURCE download

7. Web animations based on jquery and SVG

Today, we share a Web page animation based on jquery and SVG. This animation works very well. There are also replay, slow, and reverse animation buttons below. The effect is very beautiful.

Online Demo

SOURCE download

8.jQuery Sliderpro based on the implementation of the left and right layout with thumbnail carousel diagram

The right thumbnail of the jquery carousel effect is a sliderpro implementation with thumbnails of the around layout with thumbnail jquery carousel effect.

Online Demo

SOURCE download

9.HTML5 Statistical Chart of curves based on Jqplot plug-in implementation

HTML5 curve Column Statistical Chart code is a Jqplot plug-in implementation of a Curve column statistical chart, JS has comments, you can modify it yourself.

Online Demo

SOURCE download

10.jquery Excoloslider.js Automatic carousel Focus with left and right toggle buttons and position dots icons

jquery Excoloslider.js implementation with the left and right toggle button and the location of the dot icon of the automatic rotation focus map effect source code, is a can achieve automatic rotation and mouse click to switch the focus of the map, manual switching is not right and left switch and click the location of the dot icon switch.

Online Demo

SOURCE download

>> This article fixed link: http://www.i7758.com/archives/889.html

10 Web front-end jquery-based page code