絢麗漸層美化網頁表格

自動為表格所有欄位套用色彩漸層來美化

目前為 2024-09-08 提交的版本，檢視最新版本。

安裝腳本 ?

瀏覽作者的技術支援網站、發表問題、評論、或檢舉該腳本。

作者: 人民的勤务员
評價: 0 0 0
版本: 1.0.0.5
建立日期: 2024-09-05
更新日期: 2024-09-08
尺寸: 10.0 KB
相容性
授權條款: MIT
腳本執行於: 所有網站

人民的勤务员/UserScriptsGithub:@ChinaGodMan



⭐If the script helps you,I can give one↑Little star to encourage

Beautify web forms with gorgeous gradients

「 Automatically apply color gradient beautification to all columns of tables on web pages. 」

Download：Github | ⭐Greasy Fork

Update record

2024/9/6 05:41 - Ver: 1.0.0.0 Change to automatic gradient color..

Gorgeous Gradient Table Beautification Script

This script automatically applies gradient colors to all tables on a webpage, based on the numerical values in each column. It enhances the visual appeal of the table without any manual clicks or operations by the user.

Features

Automatic Gradient Application: The script scans tables on the page and automatically applies gradient colors to each column based on the data, without requiring user intervention.
Data-Driven Gradients: Colors are generated based on the minimum and maximum values in each column, with greater color variation for larger or smaller values.
Continuous Monitoring: The script checks the page every second to automatically apply gradients to any new tables that are loaded.
Gradient Color Configuration: Colors are based on the HSL color model, with adjustable parameters for hue range (HUE_RANGE), saturation (SATURATION), and lightness (LIGHTNESS).

Key Parameters

HUE_RANGE: Sets the hue range for the gradient color, with a default value of 120 degrees, representing a gradient from green to red.
SATURATION: Controls the color saturation, with a default of 80% for a vibrant color effect.
LIGHTNESS: Controls the color lightness, with a default of 88% to ensure a soft and non-straining color gradient.

Core Logic

extractFirstFloat: Extracts the first floating-point number from the cell's text, ignoring non-numeric content to ensure only numerical values are used for gradient calculation.
applyGradient: Automatically calculates the minimum and maximum values for each column and generates corresponding gradient background colors.
initializeTables: Periodically checks for tables on the page and applies gradient colors to any new or uninitialized tables.

Use Cases

This script is suitable for any webpage containing tables, automatically applying gradient colors to enhance data visualization and make it easier to distinguish data differences.

Project & Feedback

Original Script: yearly's Colorful Table | Table Data Visualization
Project Page: GitHub Repository
Support & Issue Reporting: Report an Issue

Web related scripts

Remove link underline: Remove underline from web links

LiftCSDNLoginCopylimit: fuck you CSDN LoginCopy，Copy code box content without logging in

Web page writing clip version authorization manager: Ban web pages from pooping on edited versions，green for release，red ban，orange temporary directions

Small window preview: Open link in popup window when dragging link，and provide a preview before opening，use Edge pre-reading technology。At the same time, add an acrylic effect behind the small window when it is opened.。

Beautify web forms with gorgeous gradients: Automatically apply color gradient beautification to all columns of tables on web pages.

Help

More user scripts / back to top↑