请问http://fo.ifeng.com/  右侧的     供花
    1164334
    上香
    1164348
    供灯
    1165097点击自动加数是怎么实现的呀?谢谢源码指教!~

解决方案 »

  1.   

    部分源码
    <script type="text/javascript">
    //点击数据清零,修改videoinfoid的参数即可,其他勿动!!!!
    //即676c93j-nbhdf97o-shdfsjdif870-bf6fej可改为nbhdf97o-shdfsjdif870-676c9videoinfoid= '676c93j-nbhdf97o-shdfsjdif870-bf6fee';//以下勿动!!!!
    function setSupport (key)
        {
    var obj = document.getElementById(key);
    var nowobj=Number(obj.innerHTML)+1;
    $(key).innerHTML = nowobj;
    getScript_cds("http://survey.news.ifeng.com/accumulator_ext.php?key=" +videoinfoid  + ""+ key +"&format=js&_=" + new Date().getTime()); 
     }
        getScript_cds("http://survey.news.ifeng.com/getaccumulator_ext.php?key=" + videoinfoid + "key_01&format=js&callback=getCountShowa");
     function getCountShowa(ela){
     if(!ela) {return} 
        $("key_01").innerHTML += ela.browse;
     }
      getScript_cds("http://survey.news.ifeng.com/getaccumulator_ext.php?key=" + videoinfoid + "key_02&format=js&callback=getCountShowb");
     function getCountShowb(elb){
     if(!elb) {return}
      $("key_02").innerHTML += elb.browse;
     }
      getScript_cds("http://survey.news.ifeng.com/getaccumulator_ext.php?key=" + videoinfoid + "key_03&format=js&callback=getCountShowc");
     function getCountShowc(elc){
     if(!elc) {return} 
      $("key_03").innerHTML += elc.browse;
     }
    </script>
    <div>
    <ul>
    <li><a href="javascript:void(0)" onclick="setSupport('key_01')">供花</br>
    <span id="key_01"></span></a>
    </li>
    <li><a href="javascript:void(0)" onclick="setSupport('key_02')">上香</br>
    <span id="key_02"></span></a>
    </li>
    <li style="margin-right:0px"><a href="javascript:void(0)" onclick="setSupport('key_03')">供灯</br>
    <span id="key_03"></span></a>
    </li>
    </ul>
    </div>
      

  2.   

    ajax提交,然后数据库里面执行加一操作吧
      

  3.   


    <style type="text/css">
    #div1{
    height:40px;
    width:80px;
    padding:15px;
    background-color:#8FBC8F;
    border:1px solid black
    }
    #div2{
    height:40px;
    width:80px;
    padding:15px;
    margin-left:90px;
    margin-top:-50px;
    background-color:#8FBC8F;
    border:1px solid black
    }
    #div3{
    height:40px;
    width:80px;
    margin-left:180px;
    margin-top:-50px;
    padding:15px;
    background-color:#8FBC8F;
    border:1px solid black
    }
    </style>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript">
    $(function(){
    var i=0,j=0,k=0;
    $("#div1").click(function(){
    i++;
    $(this).empty().html("供花"+i);
    });
    $("#div2").click(function(){
    j++;
    $(this).empty().html("上香"+j);
    });
    $("#div3").click(function(){
    k++;
    $(this).empty().html("供灯"+k);
    });
    })
    </script>
    <div id="div1">
    供花
    </div>
    <div id="div2">
    上香
    </div>
    <div id="div3">
    供灯
    </div>
      

  4.   

    ajax提交,然后数据库里面执行加一操作吧