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
- js基础效果
- 【JS基础】返回顶部效果
- 【js基础】原生js实现模态弹窗效果
- js 基础 ---实现放大镜的效果
- 原生JS基础之拖拽效果
- 【js基础】Dom实现换肤效果
- JS基础之运动框架,能实现常用动画效果
- 【js基础】Tab选项卡切换效果实现
- 【js基础】鼠标移到图片上产生遮障效果
- JS基础——实现图片轮播效果础
- js效果
- js 效果
- js效果
- js效果
- js效果
- JS--JS动态效果
- js基础:实现页面打开后滚动到最底端的效果
- js基础
- pod安装AFNetworking3.0遇到dependency were found, but they required a higher minimum deployment target
- 一个简单的缩放 拖动实现
- OC学习日记Day2:#include、#import和@class的工作原理
- GET和POST的区别
- myeclipse10.7打包war包出错
- js基础效果
- navigator对象及其应用
- CSS中em单位和px单位的区别
- Java NIO:浅析I/O模型
- [正则表达式]开发常用的正则表达式
- 如何在Service层获取用户session中保存的用户信息的方法(Filter+ThreadLocal)
- intern/dojo/node!leadfoot/Command封装
- Struts入门
- Theano运行GPU配置