» » page 8

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

Use flexslider to create picture carousel, combining text and graphics slide transition/scrolling effects

Author: bamboo06 on 2-11-2014, 03:28, views: 5039

8 Flexslider is based on a rolling jQuery plugin content. It allows you to easily create content scrolling effect, with a very high customizability. Developers can easily create a variety of images using Flexslider carousel effect, the effect of the focus map, Text and graphics scrolling effect.
Use flexslider to create picture carousel, combining text and graphics slide transition/scrolling effects

Flexslider has the following features.

Category: Javascript / Plugins

 

4 html5/jquery scratch card effect scripts or tutorials

Author: bamboo06 on 31-10-2014, 23:21, views: 11108

16 HTML5 Scratch Card
4 html5/jquery scratch card effect scripts or tutorials

Scratch.js is a standalone library which brings interactivity to your website by allowing you to generate scratch cards for your visitors. Based on HTML5, scratch.js generate canvas on the fly and is optimized for all modern browsers and has touch support for mobile devices. You can use it to make scratch cards, coupons, promotionnal game and even advertisement.

Category: Javascript / HTML5

 

Page redirect/jump method in WEB development

Author: bamboo06 on 31-10-2014, 17:25, views: 2923

9 Page Jump may be due to the user to click a link, button trigger, also may be the system automatically generated. Page automatically jump is often used in WEB development, and according to the demand can be with a jump in different ways, such as the prompt operation information delay jump, this paper summarizes some common page Jump method in WEB development.
Page redirect/jump method in WEB development

PHP header () function jump
PHP header () function is very powerful, which in the URL page Jump also called simple, using header () to jump directly to the specified URL page, then the page Jump is a 302 redirect:

Category: PHP Scripts / Javascript

 

Use JQuery to realize scratch cards with different cursors

Author: bamboo06 on 31-10-2014, 02:44, views: 2584

2 Few days ago, we write two articles about creating scratch cards effect by HTML5 canvas tag. Today we show you another way to make scratch card effect using jquery and wScratchPad.js.
Use JQuery to realize scratch cards with different cursors

Category: Javascript

 

Use HTML5 canvas to creat scratch card effect

Author: bamboo06 on 31-10-2014, 01:39, views: 5915

22 Few days ago, we introduced one method using html5 to realize scratch card effect. Today we will create scratch card effects using HTML5 canvas too.
Use HTML5 canvas to creat scratch card effect

Category: Javascript / HTML5

 

Cross-browser compatible HTML5 video and audio player

Author: bamboo06 on 29-10-2014, 01:48, views: 2540

7 The HTML5 video and audio tags are used to join the video and audio tags in the page, with the support html5 browsers do not need to be pre-loaded Adobe Flash browser plug-in will be able to quickly and easily play video and audio files. And html5media.js can make video and audio tags take effect on the browser does not support html5.
Cross-browser compatible HTML5 video and audio player

Use html5media.js can be viewed on all browsers html5 video and audio files, which make up the lower versions of IE browser does not support the [video] and [audio] tag, you only need to load html5media.js use the [video] and [audio] tag will be able to cross-browser play video and audio.

Category: Javascript / HTML5

 

Floating right fixed layer of the page with back to top with two-dimensional code functions

Author: bamboo06 on 28-10-2014, 04:22, views: 4266

1 The mobile Internet era, we can pass the information "sweep swept away" feature to easily get in the mobile terminal needs. Today I have to share a WEB function, it is a small floating toolbar on the right side of the page, we can use it to quickly locate the page up and down position, you can eject the micro-channel or two-dimensional code page address two-dimensional code, so like in the phone read on mobile devices and other friends easy access to information.
Floating right fixed layer of the page with back to top with two-dimensional code functions

HTML
First, we prepared the right side of the floating layer content, toolbar has up and down arrow button, and then a "feedback" link, you can click on the feedback information page of your site, there is a two-dimensional code button will pop up a two-dimensional slide on mouse code picture, then we use the two-dimensional code .popPanel to place pictures, .arrowPanel is used to make the direction of the arrow. In this example, I use a background image as a toolbar, the practical application of course we can also add more functions in accordance with the actual needs of the button.

Category: Javascript / CSS

 

Use PHP to generate two-dimensional code

Author: bamboo06 on 28-10-2014, 03:42, views: 1494

11 With the advancement of technology, two-dimensional code applications more widely, before the site has article describes using jQuery plugin to generate two-dimensional code, and today I share with you how to use PHP to generate two-dimensional code, and how to generate two-dimensional code in the middle with LOGO image.
Use PHP to generate two-dimensional code

Use Google API to generate two-dimensional code
Google offers a more comprehensive two-dimensional code generation interface, call the API interface is very simple, the following is the calling code

Category: PHP Scripts / Javascript

 

Use jquery.qrcode to generate two-dimensional code

Author: bamboo06 on 28-10-2014, 01:57, views: 4166

1 Two-dimensional code applications have penetrated into living and working among us, you only need a mobile phone in front of the two-dimensional code "sweep swept away" to get the corresponding information to help us understand the business, shopping, viewing and so on. This article will introduce a two-dimensional code generation based on jquery plugin qrcode, calling the plug-in page will be able to generate the corresponding two-dimensional code.
Use jquery.qrcode to generate two-dimensional code

qrcode actually realized by using jQuery graphics rendering, drawing support canvas (HTML5) and the table in two ways

Category: Javascript

 

Digital alarm clock by HTML5

Author: bamboo06 on 27-10-2014, 04:43, views: 6094

11 The last sixth article, we describe how to create a digital clock, and today I want to tell you in this article to set the alarm to sound capabilities increase digital clock basis. As used herein, the HTML5 audio element to a call ringing audio.
Digital alarm clock by HTML5

Want to extend the effect of the digital clock alarm clock, there is a need to do, one thing is to have set the alarm bells a time that can edit interface; second, per listener whether the alarm time, if you pop into the ring time reminders and play ringing audio.

Category: Javascript / HTML5