js基础效果

来源:互联网 发布:留学新加坡的利弊知乎 编辑:程序博客网 时间:2024/05/15 07:28

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;}


0 0
原创粉丝点击