때로는 몇 가지 뉴스 나 메시지 프롬프트가 있으며 절대 포지셔닝을 사용하여 효과를 달성 할 수 있습니다.
원칙은 무엇입니까?
1. 번호 또는 상태를 얻습니다.
다음과 같이 코드 코드를 복사하십시오.
함수 getNewScount () {
$ time = date ( "ymd", strtotime ( "-3 Day"));
$ [ "News.Checked =?"] = 배열 ( "val"=> 1, "type"=> 1);
$ where [ "News.upDateTime> =?"] = 배열 ( "val"=> $ time, "type"=> 1); // '2014-01-10'
$ news = $ this-> dao_news-> getNews ($ where);
반환 수 ($ News);
}
함수 getStatus ($ user_id) {
$ [ "lx_messageto.user_id =?"] = array ( "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 ""}->
<div>
<!-{$ StatersCount}->
</div>
<!-{/if}->
</div>
<div style = "위치 : 절대;">
<!-{if $ 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; 라인 높이 : 30px;
수직 정상 : 중간;
Font-Family : Verdana, 제네바, Sans-Serif : #ffff;
글꼴 크기 : 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");
새로.
Amess.prepend (상태);
});
3. 또는 ajax를 사용하여 데이터 및 Ajax 처리
다음과 같이 코드 코드를 복사하십시오.
$ (function () {
if ($ ( "a [href *= '/news/mgr']")! = "") {
Anews = $ ( "a [href *= '/news/mgr']");
$ .ajax ({
데이터 유형 : 'html',
유형 : "Post",
URL : "/default/index/ajaxgetnewstatus",
성공 : 기능 (msg) {
if (msg> 0) {
var num = '<div style = "위치 : 절대;">'
+'<div>'+msg+'</div> </div>';
새로움 (num);}
}
});
};
});