Иногда есть несколько новостей или подсказок сообщений, и вы можете использовать абсолютное позиционирование для достижения эффекта.
Какой принцип?
1. Получите номер или статус.
Код кода копирования следующим образом:
function getNewScount () {
$ time = date ("ymd", strtotime ("-3 дня"));
$ Где ["news.cecked =?"] = array ("val" => 1, "type" => 1);
$ Где ["news.updateTime> =?"] = Array ("val" => $ time, "type" => 1); // '2014-01-10'
$ news = $ this-> dao_news-> getNews ($ где);
return count ($ news);
}
function getStatus ($ user_id) {
$ где ["lx_messageto.user_id =?"] = Array ("val" => $ user_id, "type" => 1);
$, где ["lx_messageto.status =?"] = array ("val" => 1, "type" => 1);
$ message = $ this-> dao_message-> getmessageto ($ where);
return count ($ message);
}
2. Фронт-элитный дисплей обработки. Используйте JS для обработки.
Код кода копирования следующим образом:
<div style = "позиция: Absolute;">
<!-{if $ statuscount neq ""}->
<div>
<!-{$ statuscount}->
</div>
<!-{/if}->
</div>
<div style = "позиция: Absolute;">
<!-{если $ newscount neq ""}->
<div>
<img src = "/images/common/new.png">
</div>
<!-{/if}->
</div>
CSS
Код кода копирования следующим образом:
.status_num {
поза: абсолютно;
слева: 70px;
Справочный изображение: -Webkit-Gradient (линейный, 0 0, 0 нижний, от (rgba (234, 87, 122, 1)), до (rgba (136, 4, 25, 1)));
высота: 30px;
Вертикальная атака: средняя;
Фонд-семья: Вердана, Женева, Sans-Serif;
размер шрифта: 14px; -webkit-border-radius: 30px;
Надо: 0px 10px;
-Webkit-box-shadow: 1px 1px 3px #999;}
.status_icon {
поза: абсолютно;
Слева: 70px;
}
JS обработка
Код кода копирования следующим образом:
$ (function () {
amess = $ ("a [href ^= '/message']");
anews = $ ("a [href ^= '/news/index']");
var status = $ (". Status1");
var statusNews = $ (". Status2");
anews.prepend (statusnews);
amess.prepend (статус);
});
3. или используйте Ajax для получения данных и обработки AJAX
Код кода копирования следующим образом:
$ (function () {
if ($ ("a [href *= '/news/mgr']")! = "") {
anews = $ ("a [href *= '/news/mgr']");
$ .ajax ({
DataType: 'html',
Тип: "post",
URL: "/default/index/ajaxgetnewstatus",
Успех: function (msg) {
if (msg> 0) {
var num = '<div style = "position: absolute;">'
+'<div>'+msg+'</div> </div>';
anews.prepend (num);}
}
});
};
});