EverKB

Knowledge Base Ever

根据标签的数值设置标签云中每个标签字体大小的方法

2019-11-21 22:03:37

标签: JavaScript, Tag, Tag Cloud, font-size, 标签云,字体大小

按百分比计算的公式是:size = (count - min) * (MAX_PERCENT - MIN_PERCENT) / (max - min) + MIN_PERCENT

按字体大小计算的公式是:size = (count / count_max) * (FONT_MAX - FONT_MIN) + FONT_MIN

假设标签是HTML链接,$是jQuery对象,则代码如下:

JavaScript
// JavaScript
var count_arr = [];
    $("a.tag").each(function(){
        var count = $(this).attr("count");
        count_arr.push(count);
    });
    var count_max = Math.max.apply(null, count_arr);
    $("a.tag").each( function (i, o) {
        var FONT_MAX = 3;
        var FONT_MIN = 1;
        var count = $(this).attr("count");
        var size = (count / count_max) * (FONT_MAX - FONT_MIN) + FONT_MIN;
        $(this).css( "font-size", size + "em");
    });

标签

CentOS7 CentOS PHP Linux Python Python3 MySQL MariaDB YUM JavaScript HTML mysql_native_password PHP7 CSS Redis MySQL8 caching_sha2_password DATE_ADD ip command pg_bha.conf SQL Server width Compiling Apache Frameworks MySQL-python scrollbar Tcp BBR Apache2.4 Elasticsearch libpython3.7m.so.1.0 PHPStorm ss5-3.8.9 CURLOPT_POSTFIELDS NodeJs show VIM Bluetooth Failed to build these modules: _ctypes Minimal ISO substr date sub INTERVAL PECL SQL Date Funcitons Wi-Fi CodeIgniter font-size root Tag Cloud apache httpd dual network interfaces Laravel ss5 CURLFille horiz-align node.js ShadowsocksR vertical-align BarManager exec mb_substr PyCharm SUBDATE date add IntelliJIDEA PEAR SOCKS5 Proxy Server WebStorm Chrome find remi Tag du jQuery PHP5.5 src Apache cURL hide nginx Shadowsocks-Python V2Ray availability eth0 MariaDB10.4 PostgreSQL sub folder date Install MongoDB pdo_sqlsrv SOCKS5 Web Server File Upload mssql-tools register_shutdown_function Symfony DevExpress JetBrain php-fpm sqlsrv Zend Framework ADDDATE height network interface Shadowsocks-Libev unixODBC-devel Aura error_get_last Port 80 string data INDENTIFIED BY password policy requirements SOCKS Web Development Fedora Media Writer msodbcsql Redis5 SVN Deepin jemalloc SQLAlchemy absolute convert FuelPHP mysqlclient Shadowsocks toggle at-symbol Error Control Operator margin PHPUnit Framework ss5.passwd daemon process IIS password SOCKET vps center Fatal Errors MongoDB4 sudoers DATE_SUB Phalcon SQL Server 2017 WiFi .htaccess Compiling PHP frequency conflict set_error_handler TestCase apr Elasticsearch7.3 PHPUnit ss5.conf daemon HTTP particles.js Slim Vincent Garreau Failed to build these modules: _uuid MongoDB Sudo