Manchmal gibt es mehrere Nachrichten oder Nachrichtenaufforderungen, und Sie können die absolute Positionierung verwenden, um den Effekt zu erzielen.
Was ist das Prinzip?
1. Holen Sie sich die Nummer oder den Status.
Kopieren Sie den Code -Code wie folgt:
Funktion getNewScount () {
$ date = Datum ("ymd", Strtotime ("-3 Day");
$ wo ["news.Checked =?"] = array ("val" => 1, "Typ" => 1);
$ wo ["news.updatetime> =?"] = array ("val" => $ time, "type" => 1); // '2014-01-10' '
$ news = $ this-> dao_news-> getNews ($ wo);
Rückgabezahl ($ News);
}
Funktion getStatus ($ user_id) {
$ wo ["lx_messageto.user_id =?"] = array ("val" => $ user_id, "type" => 1);
$ wo ["lx_messageto.status =?"] = array ("val" => 1, "Typ" => 1);
$ message = $ this-> dao_message-> getMessAgeto ($ wo);
Return Count ($ message);
}
2. Front-End-Verarbeitungsanzeige. Verwenden Sie JS, um zu verarbeiten.
Kopieren Sie den Code -Code wie folgt:
<div style = "Position: absolut;">
<!-{if $ statusCount neq ""}->
<div>
<!-{$ statusCount}->
</div>
<!-{/if}->
</div>
<div style = "Position: absolut;">
<!-{if $ newscount neq ""}->
<div>
<img src = "/images/Common/new.png">
</div>
<!-{/if}->
</div>
CSS
Kopieren Sie den Code -Code wie folgt:
.Status_num {
Pose: absolut;
links: 70px;
Hintergrundbild: -Webkit-Gradient (linear, 0, 0 unten, von (RGBA (234, 87, 122, 1)), bis (RGBA (136, 4, 25, 1));
Höhe: 30px;
vertikaler Align: Mitte;
Schriftfamilie: Verdana, Genf, sans-serif;
Schriftgröße: 14px; -Webkit-Border-Radius: 30px;
Polsterung: 0px 10px;
-Webkit-Box-Shadow: 1px 1px 3px #999;}
.Status_icon {
Pose: absolut;
links: 70px;
}
JS -Verarbeitung
Kopieren Sie den Code -Code wie folgt:
$ (function () {
amess = $ ("a [href ^= '/message']");
anews = $ ("a [href ^= '/news/index']");
var status = $ (". Status1");
var statusNews = $ (". Status2");
Neue Prepend (StatusNews);
amess.prepend (Status);
});
3. oder verwenden Sie AJAX, um Daten und AJAX -Verarbeitung zu erhalten
Kopieren Sie den Code -Code wie folgt:
$ (function () {
if ($ ("a [href *= '/news/mgr']")! = "") {
anews = $ ("a [href *= '/news/mgr']");
$ .ajax ({{{
Datentyp: 'HTML',
Typ: "Post",
URL: "/default/index/ajaxgetNewStatus",
Erfolg: Funktion (msg) {
if (msg> 0) {
var num = '<div style = "Position: absolut;">'
+'<div>'+msg+'</div> </div>';
neu. Prepend (num);}
}
});
};
});