Às vezes, existem várias notícias ou instruções de mensagem e você pode usar o posicionamento absoluto para alcançar o efeito.
Qual é o princípio?
1. Obtenha o número ou status.
Copie o código do código da seguinte forma:
função getNewScount () {
$ time = data ("ymd", strtotime ("-3 dias");
$ onde ["news.Checked =?"] = Array ("val" => 1, "tipo" => 1);
$ onde ["News.UpDateTime> =?"] = Array ("val" => $ time, "tipo" => 1); // '2014-01-10'
$ news = $ this-> dao_news-> getNews ($ where);
Contagem de retorno ($ News);
}
função getStatus ($ user_id) {
$ onde ["lx_messageto.user_id =?"] = Array ("val" => $ user_id, "type" => 1);
$ onde ["lx_messageto.status =?"] = Array ("val" => 1, "tipo" => 1);
$ message = $ this-> dao_message-> getMessageto ($ where);
contagem de retorno ($ mensagem);
}
2. Exibição de processamento front-end. Use JS para processar.
Copie o código do código da seguinte forma:
<div Style = "Posição: Absoluto;">
<!-{se $ statusCount neq ""}->
<div>
<!-{$ statusCount}->
</div>
<!-{/if}->
</div>
<div Style = "Posição: Absoluto;">
<!-{se $ NewsCount neq ""}->
<div>
<img src = "/imagens/common/new.png">
</div>
<!-{/if}->
</div>
CSS
Copie o código do código da seguinte forma:
.status_num {
pose: absoluto;
Esquerda: 70px;
Antecedentes de imagem: -Webkit-gradiente (linear, 0 0, 0 fundo, de (RGBA (234, 87, 122, 1)), para (RGBA (136, 4, 25, 1)));
Altura: 30px;
Alinhamento vertical: meio;
Fonte-família: Verdana, Genebra, Sans-Serif;
Size da fonte: 14px; -Webkit-Border-Radius: 30px;
preenchimento: 0px 10px;
-webkit-box-shadow: 1px 1px 3px #999;}
.status_icon {
pose: absoluto;
Esquerda: 70px;
}
Processamento JS
Copie o código do código da seguinte forma:
$ (function () {
amess = $ ("a [href ^= '/message']");
Anews = $ ("A [href ^= '/News/Index']");
var status = $ (". status1");
var statusNews = $ (". status2");
Anews.Prepend (StatusNews);
AMESS.Prepend (Status);
});
3. Ou use Ajax para obter dados e processamento de Ajax
Copie o código do código da seguinte forma:
$ (function () {
if ($ ("a [href *= '/news/mgr']")! = "") {
Anews = $ ("A [href *= '/News/MGR']");
$ .ajax ({
Datatype: 'html',
Tipo: "post",
url: "/default/index/ajaxgetNewStatus",
Sucesso: função (msg) {
if (msg> 0) {
var num = '<div Style = "Posição: Absoluto;">'
+'<div>'+msg+'</div> </div>';
Anews.Prepend (num);}
}
});
};
});