https://www.samaterials.es/js/ElementComponent.js?v=1789002534

1
2$(function () {
3    $('.element-one').on('mouseover', function () {
4        $('.bigElement').css('opacity', 1)
5        // 当前颜色
6        var color = $(this).css('background-color');
7        // 当前那内容
8        var num = $(this).find('.element-one-num').text() || $(this).find('.atomic-number').text();
9        var el = $(this).find('.element-one-el').text() || $(this).find('.symbol').text();
10        var title = $(this).find('.element-one-title').text() || $(this).find('.name').text();
11        var atomicMass = $(this).data('atomic-mass') || '';
12        $('.bigElement-num').html(num)
13        $('.bigElement-el').html(el)
14        $('.bigElement-title').html(title)
15        $('.bigElement-atomicMass').html(atomicMass)
16        $('.bigElement').css('background-color', color)
17        //  $(this).css('background-color','#111');
18        if (!$(this).hasClass('black')) {
19            $(this).addClass('black');
20        }
21    }).on('mouseout', function () {
22        if ($(this).hasClass('black')) {
23            $(this).removeClass('black');
24        }
25        $('.bigElement').css('opacity', 0)
26    });
27});