絢麗漸層美化網頁表格

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

目前為 2024-09-06 提交的版本,檢視 最新版本

作者
人民的勤务员
評價
0 0 0
版本
1.0.0.2
建立日期
2024-09-05
更新日期
2024-09-06
尺寸
11.0 KB
相容性
相容於 Firefox 相容於 Chrome 相容於 Opera 相容於 Safari 相容於 Edge
授權條款
MIT
腳本執行於
所有網站
UserScripts

人民的勤务员/UserScriptsGithub:@ChinaGodMan

脚本来自互联网广大网友,本人仅是做了些许改动.感谢网友 如有侵权,联系必删,勤务员的脚本可供随意修改.
Gmail

GreasyFork Total Installs Total Daily Installs Scripts Count Good Ratings Ok Ratings Bad Ratings

Github commit forks Issue license CopyRight


starsStar Me请给我点星

给勤务员加鸡腿

绚丽渐变美化网页表格

「 自动为网页上的表格所有列应用颜色渐变美化. 」

Views

Download:Github | ⭐Greasy Fork

更新记录
  • 2024/9/6 05:41 - Ver: 1.0.0.0 修改为自动渐变色..

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

  1. 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.
  2. 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.
  3. Continuous Monitoring: The script checks the page every second to automatically apply gradients to any new tables that are loaded.
  4. 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

  1. 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.
  2. applyGradient: Automatically calculates the minimum and maximum values for each column and generates corresponding gradient background colors.
  3. 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

colorful-table-2.png colorful-table.png

网页相关脚本

使用帮助

更多用户脚本 / 回到顶部↑

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址