cssTransform 插件

/** * Created by aflyi on 2017/5/8. */ function cssTransform( obj , attr , val ) { if( !obj.transition ){ obj.transform = {}; } //console.log( obj.transform ) if ( arguments.length === 3 ){ // 设置 obj.transform[attr] = val; var strVal = ''; for (var key in obj.transform){ switch (key){ case 'rotate': case 'rotateX': case 'rotateY': case 'skewX': case 'skewY': strVal += key + '('+obj.transform[key]+'deg) '; break; case 'translate': case 'translateX': case 'translateY': strVal += key + '('+obj.transform[key]+'px) '; break; case 'scale': case 'scaleX': case 'scaleY': strVal += key + '('+obj.transform[key]+') '; break; } obj.style.WebkitTransform = obj.style.transform = strVal; } }else{ //获取 val = obj.transform[attr]; if( attr === 'scale' || attr === 'scaleX' || attr === 'scaleY'){ val = 1; }else { val = 0; } return val; } } // 使用方法 translateX = -num*oSlide.offsetWidth; oUl.style.WebkitTransform = oUl.style.transform = cssTransform(oUl,'translateX',translateX );
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容