With the popularity of smartphones, more and more users like to browse the Web through their mobile phones. Today's article recommends the best 6 jQuery image slider plug-ins for mobile apps that handle touch-screen events smoothly and help you build a user-experienced mobile web site.Photoswipe
Photoswipe is a free jQuery Photo Library plugin that supports the IPhone, IPad, Android, Blackberry, and all kinds of mobile devices.
Mobile Photo Album
Cjuislider displays a slider that allows you to scale an image or use it as another feature by sliding bars, encapsulating the JUI slider plug-in.
This example scales a pair of images by Cjuislider:
See a full set of tutorials: http://www.bianceng.cn/webkf/PHP/201301/35265.htm
This example downloads: Http://www.imobilebbs.com/download/yii/JuiSliderDemo.zip
should read the plist file.6, the last is to skip Cocostudio, directly with ImageView to create an object to try, here I first created an object with a sprite to see if it could be loaded into the image_sp, which proved to be possible. Last look at the code (with three boy)imageview* boy = static_castExecute the effect of the lever, go to sleep.--------------------------------------------------------------------------------------------------------------- -------------
Based on jquery, move the slider to the left and right for source code download,
Before entering the text, paste it to you to see if you want the effect:
Download demo source code online
The code for setting the slider Based on jQuery. This is a special effect that supports mobile phones. You can drag the slider Range selector and the
Most of the best responsive HTML5 slider plug-ins are able to use the mobile app,Site ConstructionProjects, as well as web development projects, offer some exciting features, such as unlimited animation effects, a percent of a hundred responsive layout design and many others.1. Don't worry! Take it easyThe feature-rich simple 360° product audience is completely responsive to the layout consent of the user from different angles to the image display. Us
Sequence.js is fully functional, in addition to the previous sharing of the modern picture sliding effect , but also can be fused with the current very popular parallax scrolling (Parallax scrolling) effect. Allows multi-layered backgrounds to move at different speeds, creating a three-dimensional movement that brings a very good visual experience.Effects Demo Plugin DownloadRelated articles that may be of interest to you
Web development in a very practical 10 effects "source Download"
C
HTML code:
Slide.js Code:
Window.onload=function () {
var Longdiv=document.getelementbyid ("Longdiv");
var Slidediv=document.getelementbyid ("Slidediv");
Var ifkeydown=false;//determines whether the mouse presses
window.onmousedown=function () {
ifkeydown=true;
}
Window.onmouseup=function () {
ifkeydown=false;
}
The slider moves
window.onmousemove=function (e) {
if (ifkeydown==true) {
var longwidth=longdiv.offsetwidth;
var beforeleft=
,baseelem) +1;Gets the coordinates of the current objectvar left = This.offsetleft;Get the corresponding Slider objectvar slider=$$ (' products-triangle-' +baseindex);Change the coordinates of the sliderSlider.style.left = left + "px";Change the color of the current object and other objectsThis.style.color = "Red";Gets all the elements under the current parent containervar notes=this.parentelement.getelemen
jquery is a fairly lightweight JavaScript framework that uses jquery for almost every Web project, because jquery plugins are so rich, especially with some image slider plugins and jquery focus graph plugins, Many beginners can use it with just a little modification. This article has selected 8 more powerful jquery image slider animation plugin, hoping to help readers.1, jquery can automatically play the fo
When it comes to slider, css + js has always been used in combination to achieve relevant switching effects. I have heard of you discussing how to use html5 + css3, but I have never implemented it myself. Okay, I have time to come and play css3 this time. If you are interested, you can understand it. Well, the last time I said I had to hurry up and make up a few articles, the result of which was a calm loss. I just published one article in the last mo
Easyui Slidler components are difficult to control precisely when the optional range is large
I've made an extension:
When you double-click the slider handle bar, switch to input box input mode
1. Enter the input mode, display a length equal to the pull bar length of the input box at the top of the pull bar, and focus on the input box
2. Change the value of the slider when the value of the input box chang
Comments: When it comes to slider, css + js has always been used in combination to achieve relevant switching effects. I have heard of you discussing how to use html5 + css3, but I have never implemented it myself. Okay, I have time to come and play css3 this time. If you are interested, you can understand it. Well, the last time I said I had to hurry up and make up a few articles, the result of which was a calm loss. I just published one article in t
This articleArticleWe will introduce 10 new and useful jquery content navigation plug-ins, which are free of charge and hope to help you.
The list is as follows: Jquery HTML content Slider
More information on jquery HTML content Slider Awkward showcase-A jquery plugin
More information on Awkward showcase-A jquery plugin Diapo
More information on diapo Smooth Div scroll
More information on
The list is as follows:
Jquery HTML content Slider
More information on jquery HTML content Slider
Awkward showcase-A jquery plugin
More information on Awkward showcase-A jquery plugin
Diapo
More information on diapo
Smooth Div scroll
More information on smooth Div scroll
Box Slider
More information on box
Encountered a dynamic change Seekbar progress bar color and slider color requirements, some according to different progress changes to different colors.
How do you do that? We all know set progressdrawable and thumb can, but this set is OK, to dynamic changes need to be implemented in the code.
Use Shape progress bar and slider
Seekbar settings
Dynamically set set
, extract the background data transferred to the page, based on the progress of the data changes. You can set the initial value in the JS script's o_status to make progress changes.650) this.width=650; "src=" http://files.jb51.net/do/uploads/litimg/141108/125U4364209.jpg "style=" margin:0px; padding:0px;border:0px; "/>Online DemoSOURCE download10.HTML5/CSS3 Custom Floating Select stunning drop-down menuToday we are going to share a custom Select drop-down menu with HTML5/CSS3 suspension, which c
transferred to the page, based on the progress of the data changes. You can set the initial value in the JS script's o_status to make progress changes.Online DemoSOURCE download10.HTML5/CSS3 Custom Floating Select stunning drop-down menuToday we are going to share a custom Select drop-down menu with HTML5/CSS3 suspension, which can be floated on a Web page with the CSS3 feature and has a shadow effect, while the drop-down box will pop up with a two-level menu in the form of a floating shaking 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.