淘寶CSS開關燈是指淘寶網站頁面中一個特別的“黑暗模式”,它可以讓用戶在夜間使用淘寶網站時,不會感到刺眼或過于明亮。通過淘寶CSS開關燈,用戶可以更輕松地使用淘寶網站,不至于因為強烈的眩光而導致眼部疲勞或不適。
CSS開關燈的實現方式非常簡單。我們可以在網站的CSS樣式表中添加一個夜間模式的CSS代碼,然后通過JavaScript控制按鈕的點擊事件,在夜間模式和白天模式之間切換。
/* 夜間模式的CSS代碼 */ body { color: #B3B3B3 !important; background-color: #1C1C1C !important; } a, a:hover, a:active, a:visited { color: #AAAAAA !important; }
// JavaScript控制按鈕的點擊事件 $('.btn-switch').click(function() { if ($('body').hasClass('night')) { $('body').removeClass('night'); } else { $('body').addClass('night'); } });
通過以上代碼的實現,我們就可以實現一個簡單實用的淘寶CSS開關燈,讓用戶更加舒適地使用淘寶網站。