Вот пример Javascript-скрипта для кнопки, которая плавно меняет свой цвет при наведении:
// Получаем элемент кнопки
let button = document.querySelector('#button');

// Set the initial gradient
let gradient = 'linear-gradient(to right, #ff0000, #00ff00, #0000ff)';
button.style.background = gradient;

// Установливаем начальный градиент
let hoverColor = '#ff0000';

// Add the hover event listener
button.addEventListener('mouseover', () => {
    button.style.background = hoverColor;
});

// Добавляем прослушиватель событий при наведении
button.addEventListener('mouseout', () => {
    button.style.background = gradient;
});

// Добавляем прослушиватель событий клика мышки
button.addEventListener('click', () => {
    let shimmerGradient = 'linear-gradient(to right, #ff0000, #00ff00, #0000ff, #ff0000)';
    button.style.background = shimmerGradient;
});
นี่คือตัวอย่างของสคริปต์ Javascript สำหรับปุ่มที่เปลี่ยนสีได้อย่างราบรื่นเมื่อโฮเวอร์: // รับองค์ประกอบปุ่ม ให้ปุ่ม = document.querySelector('#button'); // ตั้งค่าการไล่ระดับสีเริ่มต้น ให้การไล่ระดับสี = 'การไล่ระดับสีเชิงเส้น (ไปทางขวา, #ff0000, #00ff00, #0000ff)'; ปุ่ม.สไตล์.พื้นหลัง = ไล่ระดับสี; // ตั้งค่าการไล่ระดับสีเริ่มต้น ให้ hoverColor = '#ff0000'; // เพิ่มผู้ฟังเหตุการณ์โฮเวอร์ button.addEventListener('mouseover', () => { button.style.พื้นหลัง = hoverColor; }); // เพิ่มผู้ฟังเหตุการณ์โฮเวอร์ button.addEventListener('mouseout', () => { button.style.พื้นหลัง = การไล่ระดับสี; }); // เพิ่มการคลิกเมาส์ฟังเหตุการณ์ button.addEventListener('click', () => { la ShimmerGradient = 'linear-gradient(to right, #ff0000, #00ff00, #0000ff, #ff0000)'; button.style. พื้นหลัง = ShimmerGradient; });
spam fails_task lang_mismatch pii not_appropriate hate_speech sexual_content quality toxicity humor helpfulness creativity violence