如何使用css3实现响应式滑动菜单
varchangeClass=function(r,className1,className2){
varregex=newRegExp("(?:^|\\s+)"+className1+"(?:\\s+|$)");
if(regex.test(r.className)){
r.className=r.className.replace(regex,''+className2+'');
}
else{
r.className=r.className.replace(newRegExp("(?:^|\\s+)"+className2+"(?:\\s+|$)"),''+className1+'');
}
returnr.className;
};
varmenuElements=document.getElementById('menu');
menuElements.insertAdjacentHTML('afterBegin','
document.getElementById('menutoggle').onclick=function(){
changeClass(this,'navtoogleactive','navtoogle');
}
以上是“如何使用css3实现响应式滑动菜单”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!
分享文章:如何使用css3实现响应式滑动菜单
转载源于:http://hbruida.cn/article/popspj.html