阴阳师PC官网(仿

官网(仿"/>

阴阳师PC官网(仿

这里整理过程中遇到 知识点

页面居中的css样式

/*页面居中*/position: absolute;top: 0;bottom: 0;right: 0;left: 0;margin: auto;

animation的加深运用

    animation-direction 规定动画是否在下一周期逆向地播放。    --->是否返回    alternateanimation-play-state    规定动画是否正在运行或暂停。     --->暂停           pause animation-fill-mode 规定对象动画时间之外的状态。         --->停在最后一幁  forwards animation-delay 规定动画何时开始。默认是 0。             --->延迟

目标对象 event.target 触发对象 event.currentTarget

目标对象 event.target
==>可返回事件的目标节点（触发该事件的节点）---  鼠标下最上层的节点触发对象 event.currentTarget 
==>返回其监听器触发事件的节点

$scroll.click(function (e) {// console.log(e.target);// 阻止捕获if(e.target == this){var top = $scrollBar.position().top,stop = e.clientY - $scroll.offset().top + $(document).scrollTop();stop > top ? top += 100: top -=100;setTop(top,mainH,txtH,$scrollBar,$main,maxS,false);}
})