JQuery Mobile Slider bar controlBasic usage don't say more, look here:Http://www.runoob.com/jquerymobile/jquerymobile-form-sliders.htmlThe creation method is still very simple, the Runnoob also specially gave four kinds of different sliding bar style.However, one less effect is to remove the input box next to (input type number).The first method I used was the CSS modification method:#slider {Display:none;float:left}The #slider here is the ID of the s
Method One: Set FontSize according to the iphone 5 adapter 1em=10px 320//"() ()" indicates a self-executing function(function(Doc, win) {varDocel =Doc.documentelement,//mobile phone rotation events, most mobile browsers support Onorientationchange if not supported, the original resize can be usedresizeevt = ' Orientationchange 'inchWindow? ' Orientationchange ': ' Resize ', Recalc=function () { //cli
JS Judge mobile phone landscape modeMethod Name: OrientationInstance:if (window.orientation!=0) { var Obj=document.getelementbyid (' orientation '); Alert (' There is too little screen content, please use vertical screen to watch! '); obj.style.display= ' block ';} Window.onorientationchange=function () {var Obj=document.getelementbyid (' orientation '); if (window.orientation==0) {
parameters: data type, value to be assigned)* Data type is generally "" "" "" text/plainEvevt.clipboarddata Object compatibility issuesAfter trying, Clipboarddata object compatible with most PX browsers, such as Chrome,firefox, ie, etc., but on the phone side compatibility is not very good,Currently clipboarddata on iOS Safari browser is invalid, in order to solve the problem of mobile, we refer to a JS pl
In the mobile page, the Avatar Display Div, the last of the first line to click to show more Buttons (more), because the phone width of the size of the inconsistent, so the number of images per row is not consistent, the position of the more button is always fixed in the last row, so you need to calculate the size of the screen width, Then according to the size of each Li to calculate the maximum number of rows can be placed, and then the more through
function Checktel () {/*Verify the phone number verification rule: Area code + number, area code starts with 0, 3-bit or 4-digit number consists of 7-bit or 8-digit number between the area code and the number can be no connector, or "-" connection such as 01088888888,010-88888888,0955-7777777 /c2>*/ varIsphone =/^0\d{2,3}-?\d{7,8}$/; /*Verify mobile phone number Mobile: 134 (except 1349) 135 136 137 138
JS case 5-mobile terminal touch screen slidingThe sliding effect of the mobile touch screen is actually image carousel, which is well implemented on the PC page and completed by binding events such as click and mouseover. However, to achieve this carousel effect on mobile devices, the core touch event is required. Proc
The following are some regular expressions for js verification phone numbers. I have collected them from the Internet, but they are all excellent products. They are specialized in mobile phone numbers and phone numbers.
Function checkPhone (phone)
{
// Verify the phone number, including the phone number 153,159
If (phone = ""){
Alert ("the phone number cannot be blank! ");
Return false;
}
If (phone! = ""){
In front-end development of mobile phones, it is essential to determine the mobile phone platform. For example, when downloading an app, you must determine that the Android download prompt is displayed on the Android platform; the iOS download prompt is displayed on the iOS platform. Today, we will introduce how to use js to determine the
if ((/applewebkit.*mobile/i.test (navigator.useragent) | | | /midp| symbianos| nokia| Samsung| Lg| nec| tcl| alcatel| bird| dbtel| dopod| philips| haier| lenovo| mot-| nokia| sonyericsson| sie-| amoi| Zte/.test (navigator.useragent)) window.location.href.indexof ("mobile") JS detected if it is the mobile phone side t
JS mobile phone number, zip code, area code, ID card Verification program
Mobile phone Number Inquiryfunction Checkmobile () {var smobile = Document.mobileform.mobile.valueif (!) ( /^13[0-9]d{4,8}$/.test (Smobile))) {Alert ("Please enter your mobile number (at least the first 7 digits)");Document.mobileform.mobile.foc
Mobile phone image slide switching, there are many such examples on the Internet, but with the help of other components, make the code messy, this example does not have CSS 3 element js script writing, if you need a friend, you can refer to the mobile phone image sliding switch. There are many such examples on the Internet, but the Code cannot be confused by usin
/********************Function Name: Istelephonefunction function: fixed, mobile phone number check function, return True, reverse, return falsefunction parameters: obj, number to be checkedCheck rule:(1) Number, "(", ")" and "-"(2) The phone number is 3 to 8 digits(3) If the phone number contains an area code, then the area code is three-bit or four-bit(4) The area code is separated by "(", ")" or "-" and other parts(5) The
returnnum;7 };8 }) (i);9 }Ten returnresult; One } A varGettheirresult =createtheirfunctions (); - Console.log (gettheirresult); - for(vari = 0; I ) { the vartt =Gettheirresult[i]; - Console.log (TT ()); -}The above is the use of nested functions, and another way is to use the WITH statement to create a block-level scope:1 functioncreateyourfunctions () {2 varresult =NewArray ();3 for(vari = 0; I ) {4
Js to achieve the scratch effect on PC and mobile terminals, jspc
The examples in this article share the code for js scratch effect for your reference. The details are as follows:
:
Code:
Source code download: js scratch Effect
The above is all the content of this article. I hope it will be helpful for your learning
Mobile Web JS touch screen event Press to release slide explainFirst, touch eventsOntouchstartOntouchmoveOntouchendOntouchcancelThe front mobile browser supports these 4 touch events, including ie. Because the touchscreen also supports MouseEvent, their order is important to note:Touchstart→mouseover→mousemove→mousedown→mouseup→click1/*** ontouchevent*/
HTML5 + JS game Implementation of wuzifei (5) mobile chess pieces and html5 wuzifei
In the previous chapter, we learned how to deal with two important chess moves. To eat each other's pawns, we must first move our pawns. Now let's share with you how to move the pawns.
To move a chess piece, first click the chess piece to be moved on the page, and then click the target position. If it can be moved, move the
Here we only need to use a simple JS judgment to achieve the jump. The following two methods have been used by Lao Jiang before. If you need them, you can refer to adding them to the website.First: The code is as follows:Copy code Function uaredirect (murl ){Try {If (document. getElementById ("bdmark ")! = Null ){Return;}Var urlhash = window. location. hash;If (! Urlhash. match ("fromapp ")){If (navigator. userAgent. match (/(i
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.