Implementation case of suspended numbers_javascript skills-JS Tutorial-php.cn

Implementation case of suspended numbers_javascript skills

WBOY

Release： 2016-05-16 16:59:30

Original

1154 people have browsed it

Sometimes there are several news or message prompts, and absolute positioning can be used to achieve the effect.

What is the principle?

1. Get the number or status.

Copy code The code is as follows:

function getnewscount(){
$time = date ("Y-m-d",strtotime("-3 day"));
         $where["News.checkked = ?"] = array("val"=>1 , "type"=>1);
       $where["News.UpdateTime >= ?"] = array("val"=>$time,"type"=>1);//'2014-01-10'
       $news = $this->dao_news->getNews($where);

function getstatus($user_id){ $where["lx_messageto.user_id = ?"] = array("val"=>$user_id , "type"=>1);

$where ["lx_messageto.status = ?"] = array("val"=>1,"type"=>1);
          $message = $this->dao_message->getMessageTo($where);
          return count($message);
    }

2. Front-end processing display. Processed with js.

Copy code The code is as follows:

                           ; }-->

                                                                                                                          status_icon">
>                                                                >
.status_num{
position:absolute;
left:70px; top:0px;
background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(234 , 87, 122, 1)), to(rgba(136, 4, 25, 1))); height:30px; line-height:30px;

vertical-align:middle;
font -family:Verdana, Geneva, sans-serif; color:#fff;
font-size:14px;-webkit-border-radius:30px;
padding:0px 10px; margin-left:20px;
-webkit-box-shadow:1px 1px 3px #999;}

.status_icon{
position:absolute;

left:70px; top:0px;
}

js processingCopy code

The code is as follows:

$(function() {
 aMess = $("a[href ^= '/message']");
 aNews = $("a[href ^= '/news/ index']");
 var status = $(".status1");
 var statusnews = $(".status2");
 aNews.prepend(statusnews);
 aMess.prepen d (status); //Processing messages 
 });

3. Or use ajax to obtain data ajax processing

Copy code The code is as follows:

$(function() {
                                                                                                                                                                                                = " " ){
        aNews = $("a[href *= '/news/mgr']") ;
                           Type: "POST",
 url:"/default/index/ajaxgetnewstatus",
 success:function(msg){
 if(msg > 0){
 var num = ''
                                                                                                     aNews.prepend (num);}
                                                                                                                        

Related labels：

悬浮数字

source：php.cn

Previous article：Usage examples of js charAt_javascript skills Next article：jQuery carriage return event enter usage example_jquery

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn