当用户第一次访问我的网站时,制作文本的CSS样式

时间:2012-12-01 07:02:20

标签: php javascript jquery html

我有一个网站。在我的主页中有一个内容“我的虚拟文本”。它放在ul li标签中。即

<ul><li><a>My dummy text</a></li></ul>

我希望当有人第一次登陆主页时,此文本应以蓝色突出显示。另外,它必须是白色的。有谁知道如何做到这一点 ? 我的是一个php网站

提前致谢

5 个答案:

答案 0 :(得分:1)

你可以使用cookie

  1. 设置默认值为0
  2. 如果有人加载页面而不是将cookie更改为1,否则为0
  3. <ul>
       <li>
        <a <?php if($_COOKIE["status"] == 0){style="color:blue;"} ?>>My dummy text</a>
       </li>
     </ul>
    

答案 1 :(得分:1)

我没有看到任何代码,所以我的理论解释也是......

1 Use Cookies.
2 HTML5 Cache..You can use localstorage to do that as well

答案 2 :(得分:1)

为了在cookie方法上添加一点,我建议在<body>标记中添加一个类,这样如果将来你想要做更多的事情,你就可以不必修改PHP就可以了。

例如:

<?php 
      function dejavu() {
          $class = '';
          if($_COOKIE['beenHereBefore']) {
             $class .= 'beenHereBefore';
           }
          else {
             $class .= 'firstTimeHere';
             setcookie("beenHereBefore", true);
          }
          return $class;
      }
?>

<body class="<?php echo dejavu(); ?>">

但是,您要考虑的一件事是,如果用户清除了他们的cookie,那么它将表现为他们第一次访问该网站;所以我建议,如果可能的话,将它存储在用户档案中(如果存在的话)。

然后在CSS中,您可以执行以下操作:

ul li a {color: white;}
.firstTimeHere ul li a {color: blue;}

答案 3 :(得分:0)

使用:

$(window).ready(function(){
// do your CSS stuff here ...
});

或使用:

$(document).ready(function(){ 
// do your CSS stuff here ...
});

点击此链接:http://api.jquery.com/ready/

答案 4 :(得分:0)

我建议你使用jquery来检查你是否在主页 假设您的主页被调用:index.php

像这样:

if(window.location.href.indexOf("index.php") > -1)
{
      $('#ulid li').css('color', 'red');
}
else $('#ulid li').css('color', 'black');

为您的ul提供一个ID,并假设您要使用红色突出显示,并且您的原始文本颜色为黑色 不需要使用Cookies你可以很容易地使用jquery来做这个技巧。