Nivo Slider, known as the world's Best Picture Carousel plugin, has a separate jQuery plugin and two versions of WordPress plugin. The current download volume has exceeded 1,800,000 times! The JQuery standalone version of the plugin has the following main features:
? 16 Unique transition effects
? Concise and effective marking
? Load parameter se
Today we are going to introduce a special jquery image slider plug-in, which is not only available on PC browsers, but also more suitable for use on mobile Web pages. This jquery plugin not only can define the direction of the picture switch, but also can instantly toggle the animation mode of the picture switch, can have panning, flipping, rotating and slide mod
A jQuery image slider plug-in for mobile phones.
Today, we will introduce a special jQuery image slider plug-in, which can be used not only on PC browsers, but also on webpages on mobile phones. This jQuery plug-in not only defines the direction of image switching, but also
Main Features:
The world's best jquery slideshow Plugin
16 kinds of effects of slide change
Simple and flexible to configure
Small in size and consistent with semantics
jquery plug-ins are free (but WordPress: 20 USD)
Here I say a little bit, jquery plug-ins are everywhere, we need to choose the purpose of a plug-in, the site has its own independent site,
This article illustrates the implementation of the menu effect code with the slider strip in jquery. Share to everyone for your reference. Specifically as follows:
This is a slide bar with a jquery sliding menu, there is a blue line below the menu, the mouse to move where it goes, you can guide the current menu position, in addition, the animation effect is base
This article mainly introduces jQuery's implementation of mobile slider dragging and selection of numbers, jQuery's implementation of mobile slider dragging effect, interested friends can refer to this article to share with you a beautiful and practical effect based on jquery ui. You can drag and drop the sliding effect to select numbers for your reference, the d
This article mainly introduces jQuery's implementation of mobile slider dragging and selection of numbers, jQuery's implementation of mobile slider dragging effect, interested friends can refer to this article to share with you a beautiful and practical effect based on jquery ui. you can drag and drop the sliding effect to select numbers for your reference, the d
This example describes the thumbnail preview slider for jquery implementations. Share to everyone for your reference. Specifically as follows:
The effect is as shown in the following illustration:
The main code is as follows:
?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26-27--28 29---30 31--32 33 34 35 36 37 38-39 40 41 42 45 46 47 48 49 50 51 52 53 54 55
This example describes the thumbnail preview slider for jquery implementations. Share to everyone for your reference. Specifically as follows:
The effect is as shown in the following illustration:
The main code is as follows:
(function ($) {$.fn.thumbnailslider = function (options) {var opts = $.extend ({}, $.fn.thumbnailslider.defaults, Options)
; Return This.each (function () {var $this = $ (this
Today to share a picture based on sequence.js slide effect, especially suitable for e-commerce site or Enterprise product display function. With picture shrinkage graph, can render full screen picture browsing effect. The Response style slider effect is implemented in conjunction with the CSS3 Transition.Online preview Source DownloadThe implemented code.HTML code: Divclass= "Sequence-theme"> DivID= "sequence"> imgclass= "Sequence-pr
With the popularity of smartphones, more and more users prefer to browse Web pages through mobile phones. This article recommends the best 6 models for mobile apps.JQueryThe image slider plug-in handles touch-screen events with smooth effects and helps you build a mobile website with good user experience.
PhotoSwipe
PhotoSwipe is a freeJQueryThe image library plugin supports mobile devices such as iPhone, iPad, Android, and Blackberry.
Mobile Pho
With the popularity of smartphones, more and more users prefer to browse Web pages through mobile phones. This article recommends the best 6 models for mobile apps.JQueryThe image slider plug-in handles touch-screen events with smooth effects and helps you build a mobile website with good user experience.PhotoSwipe
PhotoSwipe is a freeJQueryThe image library plugin supports mobile devices such as iPhone, iPad, Android, and Blackberry.
Mobile Photo
Sidebar transitions is a variety of forms of sidebar sliders for JQuery plug-ins, which include 3D rotary slide out, 3D delay rotation slide out, 3D rotation disappear, direct launch, slide out from top down and so on with creative Off-canvas navigation slide out effect.
Today we want to share with you a set of transitional effects. This time we'll explore the sidebar or the close, we use the multi-level push menu to convert the content of the canvas
first child element varSelf = This, F = 1; //to get its width turned into int varWidth=parseint ($ ( This. Children () [0]). CSS (' width ')); varMain =function() { //Width*f-width is actually varj = (Width * F-width); //is the first one? Returns 0 otherwise returns a negative valuej= (J = = 0? 0:-j); //Animations can be animated by changing the distance from the leftself.animate ({left:j+ "px"}, {queue:false, Duration:settings.duration, easing:settings.easing}); }; //Sta
Create a program to read and display video files, and use the slider bar to control the playback of video files. A slider is used to control the video playback position, jumping in 10 steps. Another slider to control stop/play/*Create a program to read and display video files, and use the slider bar to control the play
Applet (20) slider component details, Applet slider
Slider slide components are not used too much. I do not use many slider components on other platforms.
Main attributes:
Wxml
Js
Page ({data: {// text: "This is a Page"},/*** listen to slider */listenerSlider: function (e
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.