更改已访问链接的文字大小

时间:2014-04-16 12:11:17

标签: javascript php html css text-size

人们访问时如何更改链接的文字大小? 当来自不同IP地址的1000名访问者点击它时,可以更改链接文本大小?目前我有一个包含大量链接的页面,我需要将它们用不同的文本大小分开,以便用户可以看到最重要的链接。 (这就像keywoard功能一样。)

以下是一些例子:

enter image description here

enter image description here

2 个答案:

答案 0 :(得分: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;
}

答案 1 :(得分:1)

enter image description here

  1. 解析服务器端的访问并将指标传递给JSON视图
  2. 使用javascript“for loop”调整页面加载链接
  3. 请在此处查看: 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>