js基础效果

1.滑进滑出过程中出现闪动的解决办法

$(this).stop(true).animate({width:'100'},10);

2.jquery 判断滚动条到达了底部

参考网址

http://zhidao.baidu.com/link?url=LCOSiOTgBCoUc1EAkbc1SizFaEghJUFHyUQSnCLuaiYhVuE13iD75twU8GvtOPATsEaAZV8p4cO7nAQ9kOKD0a

if($(document).scrollTop()>=$(document).height()-$(window).height();){滚动条已到达底部}

3.判断浏览器

①判断是否为ie浏览器

function isIe(){return ("ActiveXObject" in window);}

②判断ie的版本[此处判断是否为ie9及以上浏览器版本]

function getIeVersion() {
    var browser = navigator.appName;
    var b_version = navigator.appVersion;
    var version = b_version.split(";");
    if (version.length > 1) {
       var trim_Version = parseInt(version[1].replace(/[ ]/g, "").replace(/MSIE/g, ""));
       if (trim_Version < 9) {
         return false;
       }
    }
    return true;
}

4.获取页面信息（宽高等）

①页面可视区域高度：

var wHeight=$(window).height();<pre name="code" class="javascript">var wWidth = $(window).width();

②当前滚动的位移

var sTop = $(document).scrollTop();
var sLeft = $(document).scrollLeft();

5.当页面发生变化时调用函数reset()

$(window).resize(reset);//窗口大小发生变化时
$(window).scroll(reset);//滚动时

6.判断手机还是电脑

function IsPC() {
    var userAgentInfo = navigator.userAgent;
    var Agents = ["Android", "iPhone",
                "SymbianOS", "Windows Phone",
                "iPad", "iPod"];
    var flag = true;
    for (var v = 0; v < Agents.length; v++) {
        if (userAgentInfo.indexOf(Agents[v]) > 0) {
            flag = false;
            break;
        }
    }
    return flag;
}