A veces hay varias noticias o indicaciones de mensajes, y puede usar el posicionamiento absoluto para lograr el efecto.
¿Cuál es el principio?
1. Obtenga el número o estado.
Copiar código del código de la siguiente manera:
función getNewScount () {
$ TIME = Date ("YMD", StrTotime ("-3 días"));
$ donde ["News.Checked =?"] = Array ("Val" => 1, "Tipo" => 1);
$ Where ["News.updateTime> =?"] = Array ("Val" => $ Time, "Tipo" => 1); // '2014-01-10'
$ News = $ this-> dao_news-> getNews ($ where);
recuento de devolución ($ News);
}
función getStatus ($ user_id) {
$ donde ["lx_messageto.user_id =?"] = array ("val" => $ user_id, "type" => 1);
$ donde ["lx_messageto.status =?"] = array ("val" => 1, "tipo" => 1);
$ mensaje = $ this-> dao_message-> getMessageTo ($ donde);
RETENCIÓN DE RETURN ($ MENSAJE);
}
2. Pantalla de procesamiento frontal. Use JS para procesar.
Copiar código del código de la siguiente manera:
<Div style = "Posición: Absolute;">
<!-{if $ statuscount neq ""}->
<div>
<!-{$ statustount}->
</div>
<!-{/if}->
</div>
<Div style = "Posición: Absolute;">
<!-{if $ newscount neq ""}->
<div>
<img src = "/imágenes/comunes/new.png">
</div>
<!-{/if}->
</div>
CSS
Copiar código del código de la siguiente manera:
.status_num {
Pose: Absoluto;
Izquierda: 70px;
IMAGEN DE ACTUALIZACIÓN: -CeBkit-Dinter (lineal, 0 0, 0 fondo, desde (RGBA (234, 87, 122, 1)), a (RGBA (136, 4, 25, 1)));
Altura: 30px;
Align vertical: medio;
Font-Family: Verdana, Ginebra, Sans-Serif;
tamaño de fuente: 14px; -webkit-border-radius: 30px;
relleno: 0px 10px;
-webkit-box-shadow: 1px 1px 3px #999;}
.status_icon {
Pose: Absoluto;
Izquierda: 70px;
}
Procesamiento JS
Copiar código del código de la siguiente manera:
$ (function () {
amess = $ ("a [href ^= '/mensaje']");
anews = $ ("a [href ^= '/news/index']");
estado var = $ (". status1");
var statusNews = $ (". status2");
ANEWS.PREPEND (STATATENEWS);
AMESS.PREPEND (ESTADO);
});
3. O use AJAX para obtener datos y procesamiento de AJAX
Copiar código del código de la siguiente manera:
$ (function () {
if ($ ("a [href *= '/news/mgr']")! = "") {
anews = $ ("a [href *= '/news/mgr']");
$ .AJAX ({
DataType: 'html',
Tipo: "Publicar",
URL: "/default/index/ajaxgetnewstatus",
éxito: function (msg) {
if (msg> 0) {
var num = '<div style = "posición: absoluto;">'
+'<div>'+msg+'</div> </div>';
ANEWS.PREPEND (NUM);}
}
});
};
});