Sort articles by: Date | Most Rates | Most Views | Comments | Alphabet

Pin the HTML5 video player to the bottom right corner of the page when the page scrolls

Author: bamboo06 on 7-04-2019, 01:06, views: 515

0 On a page with video playback, sometimes we need to scroll the page to view video-related content information, such as profiles, related comments, etc., then when scrolling the page, the video player will leave the window area, this time we can use JS and CSS technology will The player toggle is fixed to the bottom right corner of the page.
Pin the HTML5 video player to the bottom right corner of the page when the page scrolls

Use jquery to detect the scrolling event of the window and switch the videoBox's class class to the appropriate position to hide and appear in the lower right corner.

Category: Javascript / CSS

 

Realize JavaScript image lazy loading by micro library Echo

Author: bamboo06 on 22-02-2019, 15:56, views: 1335

0 Echo.js is a standard stand-alone javascript image lazy loading (lazy loading) library. It is very small and fast, only 2KB. It uses HTML5's data-* attribute to delay the request to load image resources without relying on any third-party plugin libraries. Especially suitable for applications that need to load a large number of pictures on the mobile side.
Realize JavaScript image lazy loading by micro library Echo

Blank.gif is a 1 x 1 image used as the default image. The attribute value of data-echo is the real address of the image. You can set the width and height of the image, or set it in CSS, otherwise it seems that the image at the bottom and bottom is lazy.

Category: Javascript / Plugins

 

Part 2: 10 interesting Javascript and CSS libraries

Author: bamboo06 on 18-02-2019, 23:17, views: 553

0 We continue to provide the latest front-end javascript and CSS library resources for web enthusiasts. We will share some good front-end resources carefully collected this month, thank you for your continued attention to goocode.
Part 2: 10 interesting Javascript and CSS libraries

Core UI is a Bootstrap4-based UI library for background management templates. It provides a highly customizable solution and control panel, and is very easy to integrate with the current popular front-end frames, such as: AngularJS, Angular 2, React.js , and Vue.js.

Category: Javascript / CSS

 

Use jQuery slide to unlock

Author: bamboo06 on 18-02-2019, 22:41, views: 630

1 Unlock.js is a jQuery slide unlock plugin. At present, many websites use the verification method of sliding to unlock when a user logs in and registers to prevent malicious attacks. The user needs to slide the specified slider to the specified position in order to pass the verification. Unlock.js can implement this sliding unlock function.
Use jQuery slide to unlock

The unlock.js plugin has the following features:
Slide to unlock.
Size, color, font size, etc. can be customized.
After the unlock is completed, there will be a callback function to trigger further data processing.

Category: Javascript / Plugins

 

10 interesting JavaScript and CSS libraries

Author: bamboo06 on 17-02-2019, 02:50, views: 563

0 Here I have compiled a few fresh and better javascript and CSS libraries to learn about the latest and coolest front-end technology, and I hope to help us.
10 interesting JavaScript and CSS libraries

Whitestorm is a framework for developing 3D webapps and games based on the Three.js engine. It contains many common Three.js tasks, so it's very easy to set up the environment, create objects, add objects, and the official provides a very good one. The tutorial is as good as the react.

Category: Javascript / CSS

 

13 interesting JavaScript and CSS libraries

Author: bamboo06 on 16-02-2019, 02:29, views: 455

0 In the future, goocode will release some well-collected good front-end and back-end resources at the appropriate time every month. Keep an eye on the latest trends in web development. We will share the best resources that are most helpful to everyone. Please keep an eye on goocode.
13 interesting JavaScript and CSS libraries

Flexdatalist is a jQuery plugin for entering autocomplete hints. This library leverages HTML5's /datalist /, allowing developers to easily organize the values and properties of all possible select options. It can run multiple sections, refreshing UI, and is easy to use.

Category: Javascript / CSS

 

basicContext.js - Add a powerful context (right-click) menu to your web application

Author: bamboo06 on 15-02-2019, 01:27, views: 785

0 basicContext.js is a powerful pure Js context menu plugin. The js context menu plugin can make a left-click menu, a right-click menu, and can customize the location of the menu. It supports all modern browsers, including the mobile side, and it can also be used in conjunction with jquery.
basicContext.js - Add a powerful context (right-click) menu to your web application

The basicContext.js plugin can be installed via bower or npm.

Category: PHP Scripts / Javascript / Plugins

 

Implementation of file breakpoint resume by HTML5

Author: bamboo06 on 31-01-2019, 22:10, views: 429

1 HTML5's FILE api has a slice method that splits the BLOB object. The front end obtains the corresponding file through the FileList object, segments the large file according to the specified splitting manner, and then passes it to the back end one by one, and then the back end then splicing the files in a sequence.
Implementation of file breakpoint resume by HTML5

At present, there are two commonly used methods for resuming breakpoints. One is to upload files through the websocket interface, and the other is through ajax. Both methods have their own advantages. Although websocket sounds more high-end, it uses different ones. The other algorithms outside the protocol are basically similar, and the server needs to open the ws interface. Here, the relatively convenient ajax is used to illustrate the idea of uploading the breakpoint.

Category: Javascript / HTML5

 

Use javascript to realize related operations of adding to cart

Author: bamboo06 on 10-10-2018, 16:53, views: 1041

1 There are many ways to add items to the shopping cart. The usual way is to click the “Add to Cart” button and you will be redirected to the shopping cart. In the shopping cart, you can click the “Billing” button to settle. Today I will introduce you to a more friendly solution.
Use javascript to realize related operations of  adding to cart

By default, the shopping cart is hidden and invisible. When the user clicks the Add to Cart button, the item information will be added to the shopping cart. The shopping cart will appear as a button in the lower right corner of the page. Clicking the button will expand the shopping cart. , display the product information in the shopping cart, and also delete or settle the items in the shopping cart. Users can also temporarily close the shopping cart to continue shopping.

Category: Javascript / Plugins

 

Reveal.js a - framework for doing web presentations

Author: bamboo06 on 3-04-2018, 13:57, views: 4867

6 Reveal.js is a tool that helps us easily create beautiful presentations using HTML, which is our common PPT slideshow. Reveal.js does not depend on any other javascript library and is an independent javascript plugin library. It offers a variety of slide transitions and is a great online demo library.
Reveal.js a - framework for doing web presentations

Reveal.js also has many advanced features, complete installation, some of the functions of reveal.js, like external Markdown and presentation notes, need the presentation to run on a local web server, so you need to run in nodejs environment, install node .js and grunt are a bit more complicated. This article uses a simple installation, combined with examples of the site, using reveal.js to achieve the functionality of the presentation.

Category: Javascript / Plugins

 
Previous Next