yoyoosyy的博客

一、JS判断客户端类型  JS判断客户端是否是iOS或者Android手机移动端  通过判断浏览器的userAgent，用正则来判断手机是否是ios和Android客户端。核心代码如下：方法一：var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr')

无标题文档<!--//$(document).ready(function(){ $(window).bind("scroll", function(event){ $("div").each(function(){ var fold = $(window).height() + $(window).scrollTop(); if( fold <= $(this).off

if (navigator.userAgent.indexOf('QQ') > -1){//do something}

navigator.userAgent.match(/Android/i)  //安卓客户端浏览器navigator.userAgent.indexOf('iPhone') != -1)  //iPhone手机客户端navigator.userAgent.indexOf('iPod') != -1)   //iPod 客户端navigator.userAgent.indexOf('iPad'

转载别人的文章~链接：http://blog.csdn.net/yisuowushinian/article/details/50204085#commentsrem 单位在做移动端的h5开发的时候是最经常使用的单位。为解决自适应的问题，我们需要动态的给文档的更节点添加font-size 值。使用mediaquery 可以解决这个问题，但是每一个文件都引用一大串的font-size

http://www.cnblogs.com/lhb25/p/loading-spinners-animated-with-css3.html

以前写效果的时候总是单个事件点击写，现在跟同事学了新用法：用on 来写触发事件。可以连续触发多个。$('.c-platform-contain-nav ul li').on('click','a',function(){            $(this).removeClass('hover');            $(this).addClass('act')

$("img").click(function(){ window.location.href="输入另一个页面的链接"； })

X-UA-Compatible是IE8的一个专有属性，它告诉IE8采用何种IE版本去渲染网页，在html的标签中使用。使用下面这段代码后，开发者无需考虑网页是否兼容IE8浏览器，只要确保网页在IE6、IE7下的表现就可以了。时至今日，IE6已被微软判了死刑，我们在重构时应首先考虑更完善的IE8 IE9下的体验,然后依次回退兼容IE7和6。关于X-UA-Compatible目前绝

点击按钮有水纹效果~~奉上源码      Document        .btn {      background: #ffab91;          display: block;      padding: 1em;      text-decoration: none;      width: 200px;  

http://www.cnblogs.com/piuba/archive/2013/01/06/2847295.htmljQuery(window).height()代表了当前可见区域的大小，而jQuery(document).height()则代表了整个文档的高度，可视具体情况使用.  注意当浏览器窗口大小改变时(如最大化或拉大窗口后) jQuery(window).height()

可准备3种图： 普通、2倍图、svg高清图css属性中添加：    background-image:url(../images/add.png); 本身自有图    background-image:-webkit-image-set(url(../images/add.svg) 1x);    background-image:-o-image-set(url(../ima

animation-fill-mode用来定义元素在动画结束后的样子。animation-fill-mode 的默认值是 none，也就是在动画结束之后不做任何改动.element{ animation: fadein ease-in 2s; animation-fill-mode: forwards;} @keyframes fadein {

html代码 请输入您的手机号js代码  $(".input-list").on('focus', 'input', function(event) { $('.txt-default').hide(); }).on('blur', 'input', function(event) {

placeholder属性树HTML5提出的新属性，作用是为input框或textarea框添加初始提示内容。当控件获取焦点输入时，清空提示内容。但IE8及其以下的版本并不支持该属性的显示。下面做如下处理：placeholder属性树HTML5提出的新属性，作用是为input框或textarea框添加初始提示内容。当控件获取焦点输入时，清空提示内容。但IE8及其以下的版本并不支持该属性

test count down button                $(function () {            $('#btn').click(function () {                var count = 3;                var countdown = setInterval(CountDown, 1000);

最近有个项目用到了表单验证，小编在项目完结后的这段时间把常用的JS表单验证demo整理了一下，和大家一起分享~~~1. 长度限制1. 长度限制 function test() { if(document.a.b.value.length>50) { alert("不能超过50个字符！"); document.a.b.focus();

一、手机重力感应图形分析1、设备围绕z轴的旋转角度为α,α角度的取值范围在[0,360)。设备在初始位置,与地球（XYZ）和身体（XYZ）某个位置对齐。设备围绕z轴的旋转角度为α,并与先前的x和y轴位置对比，显示x，y轴新坐标为x0和y0。 2、设备围绕x轴的旋转角度为β,β角度的取值范围在(-180,180)。设备围绕x轴的旋转角度为β,并与先前的y和z轴的位

html {font-size: 10px}@media screen and (min-width:480px) and (max-width:639px) {html {font-size: 15px;}}@media screen and (min-width:640px) and (max-width:719px) {html {font-size: