Parfois, il y a plusieurs nouvelles ou invites de messages, et vous pouvez utiliser un positionnement absolu pour réaliser l'effet.
Quel est le principe?
1. Obtenez le numéro ou le statut.
Copier le code du code comme suit:
fonction getnewscount () {
$ time = date ("ymd", strtotime ("- 3 jours"));
$ où ["news.checked =?"] = array ("val" => 1, "type" => 1);
$ où ["news.updatetime> =?"] = array ("val" => $ time, "type" => 1); // '2014-01-10'
$ news = $ this-> dao_news-> getNews ($ where);
Return Count ($ News);
}
fonction getStatus ($ user_id) {
$ où ["lx_messageto.user_id =?"] = array ("val" => $ user_id, "type" => 1);
$ où ["lx_messageto.status =?"] = array ("val" => 1, "type" => 1);
$ message = $ this-> dao_message-> getMessageto ($ where);
Return Count ($ message);
}
2. Affichage de traitement frontal. Utilisez JS pour traiter.
Copier le code du code comme suit:
<div style = "position: absolu;">
<! - {si $ statuscount neq ""} ->
<div>
<! - {$ statuscount} ->
</div>
<! - {/ if} ->
</div>
<div style = "position: absolu;">
<! - {si $ newntcount neq ""} ->
<div>
<img src = "/ images / commun / new.png">
</div>
<! - {/ if} ->
</div>
CSS
Copier le code du code comme suit:
.status_num {
Pose: absolu;
Gauche: 70px;
Image d'arrière-plan: -webkit-gradient (linéaire, 0 0, 0 en bas, de (rgba (234, 87, 122, 1)), à (rgba (136, 4, 25, 1)));
Hauteur: 30px;
Adigne vertical: milieu;
Font-Family: Verdana, Genève, Sans-Serif; Couleur: #ffff;
taille de police: 14px; -webkit-border-radius: 30px;
rembourrage: 0px 10px; marge-gauche: 20px;
-Webkit-box-shadow: 1px 1px 3px # 999;}
.status_icon {
Pose: absolu;
Gauche: 70px;
}
Traitement JS
Copier le code du code comme suit:
$ (function () {
amess = $ ("a [href ^ = '/ message']");
anews = $ ("a [href ^ = '/ news / index']");
var status = $ (". status1");
var statusNews = $ (". status2");
anews.prepennd (statusNews);
AMESS.PREPEND (Status);
});
3. Ou utilisez Ajax pour obtenir des données et un traitement AJAX
Copier le code du code comme suit:
$ (function () {
if ($ ("a [href * = '/ news / mgr']")! = "") {
anews = $ ("a [href * = '/ news / mgr']");
$ .ajax ({
type de données: «html»,
Type: "Post",
URL: "/ default / index / ajaxgetnewstatus",
Succès: fonction (msg) {
if (msg> 0) {
var num = '<div style = "position: absolu;">'
+ '<div>' + msg + '</div> </div>';
anews.prepennd (num);}
}
});
};
});