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

फॉन्ट आकाराने गणना केलेले सूत्र हे आहे: <व्होकोड> आकार = (गणना / गणना_मॅक्स) * (FONT_MAX - FONT_MIN) + FONT_MIN <व्होकोड>

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

ताजा लेख