Ticket/Scripts/form.js

微信扫码关注公众号，代码整理好后第一时间通知你。

window.onload=function(){
    var form_login = document.querySelector('.form_login')
    var form_register = document.querySelector('.form_register')
    var switchBtns = document.querySelectorAll('.switch')

    switchBtns.forEach(function(item){
        item.addEventListener('click',function(){
            if(this.innerText=='注册账号'){
                addStyle(form_login, { height: '502px', transitionDelay: '1.2s' })
                addStyle(form_register, { height: '0', transitionDelay: '0s' })
            } else if (this.innerText == '登录') {
                addStyle(form_login, { height: '0', transitionDelay: '0s' })
                addStyle(form_register, { height: '362px', transitionDelay: '1.2s' })
            
            }
        })
    })

    function addStyle(ele,orignStyle){
        for(var item in orignStyle){
            if(ele){
                ele.style[item] = orignStyle[item] 
            }
        }
    }
   
}