标签： jQuery

视差滚动效果jQuery Stellar.js使用

发布于:
Script

什么为视差滚动效果看看下面这个网站http://www.sosglobal.eu/en/，是否觉得很熟悉呢？逛外国网站经常可以看到这个效果，接下来我们就来看看基于jQuery的Stellar插件实现视差滚动效果。Stellar.js是一款基于jQuery的插件，专业提供视差滚动效果30年，值得信赖。使用方法如下：
第一步，为元素对象添加 .stellar() 效果函数：

// 例如：
$(window).stellar();
// 或者：
$('#main').stellar();

如果是对 ‘window’ 添加效果函数，可以简写成这样：

$.stellar();

设定之后，该对象中的所有滚动背景或元素都会应用视差滚动效果。

阅读全文

Jquery判断ie浏览器版本，用$.support替换$.browser判断

发布于:
Script

如果你也是Jquery最初的使用者，那么你一定经历过这样判断浏览器的时代：$.browser.msie && $.browser.version，你目前使用的组件里可能还有应用。但是Jquery1.3以后就不建议使用了，到jQuery 1.9之后就不复存在了。应该是因为到ie8以上的版本判断就有问题了…

只有另外想办法，使用$.support来判断浏览器！测试如下代码：

alert($.support.opacity+" "+$.support.style+" "+window.XMLHttpRequest);

ie6：false false undefind

ie7：false false object

ie8：false true object

ie9：true true object

SO，判断浏览器可以：alert($.support.opacity+" "+$.support.style+" "+window.XMLHttpRequest);

var isIE6 = !$.support.opacity && !$.support.style && window.XMLHttpRequest==undefined;

var isIE7 = !$.support.opacity && !$.support.style && window.window.XMLHttpRequest!=undefined;

var isIE67 = !$.support.opacity && !$.support.style;//ie67

如果要检查ie浏览器，干脆直接使用 var isIE = /msie/.test(navigator.userAgent.toLowerCase());