日期:2014-05-16 浏览次数:20365 次
// 总加载
$(function () {
//得到section
// 以下得到三个变量,为了不出现多次 var ,每个变量中间用逗号分隔
var $container = $('#ib-container'), // 这是外部容器
$articles = $container.children('article'),// 这是容器里边所有的 article 儿子,不包括 aritcle 孙子,要是包括孙子,那就是 find,而不是 children
timeout; // 这是一个计时器
$articles.on('mouseenter', function (event) { // 当鼠标进入这个区域的时候
var $article = $(this); // 缓存 $(this), 以便下次引用的时候更快的访问
clearTimeout(timeout); // 清除 timeout
timeout = setTimeout(function () {
if ($article.hasClass('active')) { // 在 包含有 active 这个class的artilce上返回,就是效果不生效
return false;
}
$articles.not($article.removeClass('blur').addClass('active')).removeClass('active').addClass('blur');
// 这里可以分成两部分:
// $article.removeClass('blur').addClass('active') : 针对 article 操作移除 blur, 添加 active class,
// not($article.removeClass('blur').addClas