phpcms實現輪播的方法：首先在想要加輪播圖的位置加入“

...

”；然后根據自己的需求對css樣式進行更改；最后在需要實現輪播的地方加入js代碼即可。

phpcms首頁實現輪播圖

成都創新互聯公司是一家集網站建設,奈曼企業網站建設,奈曼品牌網站建設,網站定制,奈曼網站建設報價,網絡營銷,網絡優化,奈曼網站推廣為一體的創新建站企業，幫助傳統企業提升企業形象加強企業競爭力?？沙浞譂M足這一群體相比中小企業更為豐富、高端、多元的互聯網需求。同時我們時刻保持專業、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學習、思考、沉淀、凈化自己，讓我們為更多的企業打造出實用型網站。

1.在你想要加輪播圖的位置加入以下

          

            
            
            
            
              
          
          

        

           {pc:content  action="position" posid="1" thumb="1" order="listorder DESC" num="5"}
        {loop $data $r}
        

        {/loop}
        {/pc}
        

        {pc:content  action="lists" catid="" thumb="1" order="listorder DESC" num="5"}
        {loop $data $r}
        
{str_cut($r[title],20)}
        {/loop}
        {/pc}
        
        

        
        
 <
> 
    

由于這個焦點幻燈比較特殊，圖片和文字需要兩次調用，另外，后臺添加內容時要勾選首頁焦點圖推薦，就可以添加到首頁

推薦：《phpcms教程》

2.當然，這里面的css樣式根據自己的需求做更改，在這里就不貼出css代碼了，實現輪播需要加入以下js代碼

window.onload=function(){//獲取元素
    var flowDiagram = document.getElementById('flowDiagram');//容器
    var photo = document.getElementById("photo");
    var button = document.getElementById("button").getElementsByTagName('span');
    var pre = document.getElementById("pre");
    var next = document.getElementById("next");
    var index = 1;
    var m;

    function move(){
        m = setInterval(next.onclick,3000);
    }
    function stop(){
        if(m)clearInterval(m);
    }
    function buttonlight(){
        for (var i = 0; i < button.length; i++) {
            if(button[i].className == "on"){
                button[i].className = "";
                break;
            }
        }
        button[index-1].className = "on";
    }

    pre.onclick=function() {
        if (index == 1)
            index = 5;
        else
              index = index - 1;
        buttonlight();
        photo.style.left = parseInt(photo.style.left) + 1200 + "px";
        if (parseInt(photo.style.left) > -1200){
            photo.style.left = -6000 + "px";
       }
    }

    next.onclick = function(){//當right鍵被觸發時響應
        if (index == 5)
            index = 1;
        else
            index = index + 1;
        buttonlight();
        photo.style.left = parseInt(photo.style.left) - 1200 + "px";
        if (parseInt(photo.style.left) < -6000){
            photo.style.left = -1200 + "px";
        }
    }

    for (var i = 0; i < button.length; i++){
        button[i].onclick = function()
        {
            if(this.className=="on")
                return;
            var currentindex = parseInt(this.getAttribute("index"));//getAttribute能獲取自定義的屬性值，也可以獲取自帶的屬性值
            var distance = currentindex - index;
            photo.style.left = parseInt(photo.style.left) - 1200 * distance + "px";
            index = currentindex;
            buttonlight();
        }
    }
    flowDiagram.onmouseover = stop;
    flowDiagram.onmouseout = move;
    move();
}

最終效果

名稱欄目：phpcms如何實現輪播
當前鏈接：http://m.jcarcd.cn/article/cjjosh.html