//根据id获取对应的元素 function my$(id) { return document.getelementbyid(id); } /* * element---任意的元素 * attr---属性 * */ function getattrvalue(element,attr) { return element.currentstyle?element.currentstyle[attr] : window.getcomputedstyle(element,null)[attr]||0; } /* * element----要移动的元素 * target----移动的目标 * */ function animate(element,json,fn) { clearinterval(element.timeid); element.timeid=setinterval(function () { var flag=true;//假设都达到了目标 for(var attr in json){ if(attr=="opacity"){//判断属性是不是opacity var current= getattrvalue(element,attr)*100; //每次移动多少步 var target=json[attr]*100;//直接赋值给一个变量,后面的代码都不用改 var step=(target-current)/10;//(目标-当前)/10 step=step>0?math.ceil(step):math.floor(step); current=current+step; element.style[attr]=current/100; element.getelementsbyclassname('baogao-text')[0].style.display = json[attr] === 1 ? 'block' : 'none'; }else if(attr=="zindex"){//判断属性是不是zindex element.style[attr]=json[attr]; }else{//普通的属性 //获取当前的位置----getattrvalue(element,attr)获取的是字符串类型 var current= parseint(getattrvalue(element,attr))||0; //每次移动多少步 var target=json[attr];//直接赋值给一个变量,后面的代码都不用改 var step=(target-current)/10;//(目标-当前)/10 step=step>0?math.ceil(step):math.floor(step); current=current+step; element.style[attr]=current+"px"; } if(current!=target){ flag=false;//如果没到目标结果就为false } } if(flag){//结果为true clearinterval(element.timeid); if(fn){//如果用户传入了回调的函数 fn(); //就直接的调用, } } },10); } /** * 回到顶部 */ $("#gototop").click(function() { $("html,body").animate({ scrolltop: 0 }, 500); }); if ($(window).width() < 1024) { $(window).scroll(function(){ var scrolltop = document.documentelement.scrolltop || document.body.scrolltop; //console.log(scrolltop ) if(scrolltop > 0){ $('.zx-wap-header').hide(); $('.zx_header').hide(); }else{ $('.zx-wap-header').show(); $('.zx_header').show(); } }); }