في بعض الأحيان ، هناك العديد من الأخبار أو مطالبات الرسائل ، ويمكنك استخدام المواقع المطلقة لتحقيق التأثير.
ما هو المبدأ؟
1. احصل على الرقم أو الحالة.
نسخ رمز رمز على النحو التالي:
وظيفة getNewScount () {
$ time = date ("ymd" ، strtotime ("-3 day")) ؛
$ أين ["news.checked =؟"] = صفيف ("val" => 1 ، "type" => 1) ؛
$ أين ["news.updateTime> =؟"] = Array ("Val" => $ time ، "type" => 1) ؛ // '2014-01-10'
$ news = $ this-> dao_news-> getNews ($ where) ؛
عدد العائد (أخبار $) ؛
}
وظيفة getStatus ($ user_id) {
$ حيث ["lx_messageTo.user_id =؟"] = صفيف ("val" => $ user_id ، "type" => 1) ؛
$ أين ["lx_messageTo.status =؟"] = صفيف ("val" => 1 ، "type" => 1) ؛
$ message = $ this-> dao_message-> getMessageto ($ where) ؛
عدد العائد (رسالة $) ؛
}
2. عرض معالجة الواجهة الأمامية. استخدم JS للمعالجة.
نسخ رمز رمز على النحو التالي:
<div style = "الموضع: مطلق ؛">
<!-{if $ statusCount neq ""}->
<viv>
<!-{$ statusCount}->
</div>
<!-{/if}->
</div>
<div style = "الموضع: مطلق ؛">
<!-{if $ newscount neq ""}->
<viv>
<img src = "/images/common/new.png">
</div>
<!-{/if}->
</div>
CSS
نسخ رمز رمز على النحو التالي:
.status_num {
تشكل: مطلقة ؛
اليسار: 70 بكسل ؛
خلفية-صورة: -webkit-radient (خطي ، 0 0 ، 0 أسفل ، من (RGBA (234 ، 87 ، 122 ، 1)) ، إلى (RGBA (136 ، 4 ، 25 ، 1))) ؛
الارتفاع: 30 بكسل ؛
المحاذاة الرأسية: الأوسط ؛
Font-Family: Verdana ، Geneva ، Sans-Serif ؛
حجم الخط: 14px ؛ -webkit-border-radius: 30px ؛
الحشو: 0px 10px ؛
-webkit-box-shadow: 1px 1px 3px #999 ؛}
.status_icon {
تشكل: مطلقة ؛
اليسار: 70 بكسل ؛
}
معالجة 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 ({
نوع البيانات: 'html' ،
النوع: "بعد" ،
عنوان URL: "/افتراضي/فهرس/AjaxgetNewStatus" ،
النجاح: وظيفة (msg) {
if (msg> 0) {
var num = '<div style = "الموضع: مطلق ؛"> "
+'<viv>'+msg+'</viv> </viv>' ؛
anews.prepend (num) ؛}
}
}) ؛
} ؛
}) ؛