更改访问链接上的文本大小[关闭]答案

【问题标题】：Change text size on visited links [closed]更改访问链接上的文本大小[关闭]
【发布时间】：2014-05-31 07:20:38
【问题描述】：

当人们访问链接时如何更改链接的文本大小？当来自不同 IP 地址的 1000 名访问者点击链接时，是否可以更改链接文本大小？目前我有一个包含很多链接的页面，我需要用不同的文本大小将它们分开，以便用户可以看到最重要的链接。（类似于键盘功能）。

这里有一些例子：

【问题讨论】：

将它们存储在数据库中并计算它有多少次点击。然后创建一个switch statement 并为 10,100,1000,10000 次点击选择一个字体大小

【解决方案1】：

//SQL
CREATE TABLE keywords (
keyword_id int(11) NOT NULL AUTO_INCREMENT,
keyword varchar(200) NOT NULL,
keyword_count int(5) NOT NULL,
PRIMARY KEY(keyword_id)
)

//PHP
<?php
 //Write your select query here
 while($row = $result->fetch())
 {
    switch($row['count']) {
      //Add more cases if you want
       case 10:
          echo "<span class='row-count-10'><a href='lol.php?keywordid=".$row['keyword_id']."'>".$row['keyword']."</a></span>";
          break;
       default:
         echo "<span class='row-count-default'><a href='lol.php?keywordid=".$row['keyword_id']."'>".$row['keyword']."</a></span>";
    }
 }
?>


<?php
  //lol.php
  $keyword = $_GET['keywordid'];
  //INSERT STATEMENT
?>


//style.css
.row-count-default {
  font-size:10px;
}

.row-count-10 {
  font-size:12px;
}

【讨论】：

【解决方案2】：

在服务器端解析访问并将指标传递给以 JSON 格式查看
使用 javascript“for 循环”调整页面加载时的链接

在此处查看：FIDDLE

Javascript：

var json = JSON.parse('{"link_1":2,"link_2":3,"link_3":7,"link_4":2}');
var base_size = 12; 
for (var link in json){
    document.getElementById(link).setAttribute("style","font-size:" + (json[link] * base_size) + "px;"); 
    //alert(json[link]);
}

HTML：

<a id="link_1">Link&nbsp;1</a>
<a id="link_2">Link&nbsp;2</a>
<a id="link_3">Link&nbsp;3</a>
<a id="link_4">Link&nbsp;4</a>
<a id="link_5">Link&nbsp;1</a>

【讨论】：