official_website/static/js/project/user/index.js

/**
 * Created by Administrator on 2021/4/5.
 */
define(['jquery', "template", "Tools", "echarts", 'swiper'], function ($, template, Tools, echarts, swiper) {
    //数据存储
    var module = {
        data: {

        },
    };
    var tools = new Tools();

    module.init = function (page) {

        //用户资料鼠标悬浮
        module.userHover();

        //个人中心选项卡鼠标悬浮
        module.userListHover();
    };

    //个人中心选项卡鼠标悬浮
    module.userListHover = function(){
        document.getElementById('icon-list1').onmouseout = function(){
            document.getElementById('icon1').src = '../../static/images/user_index_icon1.png'
        }
        document.getElementById('icon-list1').onmouseover = function(){
            document.getElementById('icon1').src = '../../static/images/user_index_icon5.png'
        }

        document.getElementById('icon-list2').onmouseout = function(){
            document.getElementById('icon2').src = '../../static/images/user_index_icon2.png'
        }
        document.getElementById('icon-list2').onmouseover = function(){
            document.getElementById('icon2').src = '../../static/images/user_index_icon6.png'
        }

        document.getElementById('icon-list3').onmouseout = function(){
            document.getElementById('icon3').src = '../../static/images/user_index_icon3.png'
        }
        document.getElementById('icon-list3').onmouseover = function(){
            document.getElementById('icon3').src = '../../static/images/user_index_icon7.png'
        }

        document.getElementById('icon-list4').onmouseout = function(){
            document.getElementById('icon4').src = '../../static/images/user_index_icon4.png'
        }
        document.getElementById('icon-list4').onmouseover = function(){
            document.getElementById('icon4').src = '../../static/images/user_index_icon8.png'
        }


    }

    //用户资料鼠标悬浮
    module.userHover = function () {
        document.getElementById('userName').onmouseover = function(){
          document.getElementById('headHover').style.display = 'block';
        };
        document.getElementById('headHover').onmouseover = function(){
            document.getElementById('headHover').style.display = 'block';
        };
        document.getElementById('userName').onmouseout = function(){
            document.getElementById('headHover').style.display = 'none';
        };
        document.getElementById('headHover').onmouseout = function(){
            document.getElementById('headHover').style.display = 'none';
        };
    }
    return module;
});