We use the mobile end can be touched by the touch screen gesture left and right to switch tab column, such as NetEase news, such as app column switch. We say that the tab generally by the navigation bar and the corresponding content of the tab, switch the navigation bar on the label at the same time the content will follow the switch. This article will be combined with examples to introduce a mobile End tab
: fixed (most desktop browsers, iOS5 +, Android 2.2 +, BlackBerry 6, and others ), toolbars that use the "fixedtoolbar" plugin will be fixed to the top or bottom of the viewport, while the page content scrolls freely in. in browsers that don't support fixed positioning, the toolbars will remain positioned in flow, at the top or bottom of the page.
To enable this behavior on a header or footer, add the data-position = "fixed" attribute to a jQuery
events
In jquery mobile, the automatic initialization plug-in is based on the tag configured with the "page" tag. For example:typeIsrangeOfinputThe element automatically generates a slider control.
This automatic Initialization is controlled by the "page" plug-in. It will schedule events before and after it is executed, and allows you to operate the page before
JQuery slide plug-in for mobile phones
Jflex is a small jQuery slide plug-in suitable for mobile phones. This slide plug-in supports mobile touch, mouse drag switching, and automatic playback mode with a progress bar. It is very easy to use.
Download Online Preview source c
Some plugins for jquery mobile (picture scrolling)1,photoswipeWebsite: http://www.photoswipe.com/Demo:http://www.photoswipe.com/latest/examples/04-jquery-mobile.htmlPersonal Description: The mobile phone operation is very smooth, can use the screen size, vertical screen display is very good, horizontal screen picture i
The Jflex is a compact jquery slideshow plugin for mobile phone use. The slideshow plugin supports mobile touch, supports mouse drag-and-drop, and also supports auto-play mode with progress bar. Whether it's a small ball, use very simple.Online preview Source DownloadHow to useUsing the slide plug-in requires the introduction of
value of the slider bar, add data-highlight= "true":type= "range" name= "points" ID= "Points" value = " the" min = "0" Max = "+" Data-hightlight = "true" >Fluctuation switch:To create a switch, use the Use the "selected" property to set one of the options in the preselected state (highlight highlighted state)formMethod= "POST"Action= "demoform.html">DivData-role= "Fieldcontain">label for= "Switch">Toggle Switch:label>Selectname= "Switch"ID= "Switch
An image clipping code based on the jquery mobile device. This is a jquery picture clipping plugin jquery.photoclip that supports touch gestures on mobile devices. As follows:Online preview Source DownloadThe implemented code.HTML code:articleclass= "Zzsc-container"> DivID= "Cliparea">Div> inputtype= "File"ID=
Page initialization events (Pagebeforecreate, pagecreate)Jquery Mobile Automatically initializes some plug-ins based on the enhanced conventions in page. For example, a custom slider is automatically generated for an input input box that type=range a property. These automatic initialization behaviors are controlled by the "page" plug-in, which deploys deployment
Ajax is removed.
caching the page in the DOMIf you want, you can have jquery mobile Save the pages you've visited in the DOM instead of removing them. This allows users to quickly load when they return to this page. To have all pages that have ever been visited cached in the DOM, set
Domcacheoption is
true,
$.mobile.page.prototype.options.domcache = true;
Or you can cache a particular page and add the fol
We use the mobile end can be touched by the touch screen gesture left and right to switch tab column, such as NetEase news, such as app column switch. We say that the tab generally by the navigation bar and the corresponding content of the tab, switch the navigation bar on the label at the same time the content will follow the switch. This article will be combined with examples to introduce a mobile End tab
JQM. When we update the data in some page tags (such as: ListView, RadioButtons, checkboxes, select Menus), we must do the refresh operation.
Why do I have to do the refresh operation? Because jqm in the page rendering, in order to make the style similar to the client program, hide the original label and then use some new tags and custom style to show the original label, in fact, the new style of the label is not the original label, So updating the data must be done with the refresh operation.
the database when uploading, just get its size and simple scaling operation, and write to the Style property.The definition of the post class in the CSS file:{ margin: 10px; padding: 5px; Border: solid; border-width: 2px; border-color: #e4e4e4; -webkit-border-radius:5px; -moz-border-radius:5px;} { border: 0;}The main control of the block spacing, and simulation of the fillet photo effect, the results are as follows:You
home button on the right side of the horizontal screen shooting methodSwitch (dir) {iphone horizontal screen shot, this time the home button on the leftCase 3:degree = 180;DrawWidth =-width;Drawheight =-height;Breakiphone vertical screen shooting, the home button at the bottom (normal to take the direction of the phone)Case 6:Canvas.width = height;Canvas.height = width;degree = 90;DrawWidth = width;Drawheight =-height;Breakiphone vertical screen shot, this time the home button in the topCase 8:
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.