• 0712-2888027 189-8648-0214
    微信公眾號

    孝感風信網絡科技有限公司微信公眾號

    當前位置:主頁 > 技術支持 > DedeCMS > DEDECMS首頁加入滾動公告欄的方法

    DEDECMS首頁加入滾動公告欄的方法

    時間:2024-03-29來源:風信官網 點擊: 1112次

    使用了DEDECMS的系統。由于首頁需要加入滾動站內新聞,于是搜了一下,都找不到好的代碼。想起自己前期開發的一個JS廣告滾動代碼,決定自己開發一個功能來。

    經過一個下午的努力,總算給弄了出來。不多說,直接上代碼。

    總共有三部分代碼,一個是模板調用,一個是js函數文件,一個是顯示新聞詳細內容的php文件。

    先上調用代碼,在DEDECMS后臺-模板-默認模板里找到index.htm ,即網站首頁模板,點擊修改,找到
    <div class='newarticle'>最新文章</div>

    部分,在后面加入
    <div style="FLOAT:left;">  <b>.本站公告</b>  <img src="/images/ann_icon.gif" width="14px" height="14px" />
    </div>
    <div id="qqpig_Scroll" style="margin-top: 0px;cellpadding:0px;TEXT-ALIGN: left;"  >
    {dede:sql sql="Select aid,typeid,title,writer,senddate,body From dede_mynews order by aid desc limit 0,5"}  <span> <a href="/mynews.php?id=[field:aid/]" target="_blank"><font color="red">[field:title/]</font> </a>[<font color="green">[field:writer/]</font>,[field:senddate function="MyDate('m-d',@me)" /]]</span>{/dede:sql}
    </div></div>
    <script>new srcMarquee("qqpig_Scroll",3000)</script>
    <!-- /滾動公告 -->
    //mynews.php即是用于顯示新聞詳細內容的文件,放于網站根目錄
    //ann_icon.gif是顯示一個小喇叭的圖片,自己找一個放入/images/目錄下

    其次,還要引用函數文件呢,在
    <script. language="javascript" type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/changeSkin.js"></script>
    后面加入
    <!--滾動公告調用JS-->
    <script. ="javascript" type="text/javascript" src="/include/ano_run.js"></script>//js文件相對于根目錄放哪里這里就寫哪里

    好了,以上是模板的引用,下面要加入兩個被引用的文件了。

    首先是JS文件,把以下代碼保存名字為ano_run.js放于/include/目錄下。

    function srcMarquee(){
    var delay;
    var b =0;
    var t = null;
    var flag = true;
    var ID = document.getElementById(arguments[0]);
    if(!ID){ID = -1;return;};
    ID.onmouseover =  function(){ flag=false;};
    ID.onmouseout =  function(){  flag=true;};
    var AC = ID.getElementsByTagName("span");
    this.DelayTime =0;
    if(typeof arguments[1] == "number")this.DelayTime = arguments[1];
    var ACCount = AC.length;
    for(var i=0;i<ACCount;i++)
    {
    AC[i].style.display="none";
    }

    function scrollNew(delay)
    {
    t = setInterval(startScroll,delay);
    function startScroll()
    {
    if(b==ACCount&&flag)
    {
    AC[b-1].style.display="none";
    b=0;
    }
    if(flag)
    {
    if(b>0)
    AC[b-1].style.display="none";
    AC[b].style.display = "";
    b++;
    }
    }

    }
    scrollNew(this.DelayTime);
    }

    接下來是顯示新聞詳細內容的PHP頁面代碼,把以下代碼保存名字為mynews.php放于網站根目錄下。

    <?php
    require_once (dirname(__FILE__) . "/include/common.inc.php");
    ?>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <style>
    a
    {
    font-size:13px;
    color:#555555;
    text-decoration:none;
    }
    </style>
    <head>
    <meta. http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <?php
    $aid=$_REQUEST['id'];
    if (! is_numeric($aid))
    {
    echo "瀏覽頁面參數不正確";
    exit;
    }
    global $dsql;
    $row = $dsql->GetOne("Select * from dede_mynews where aid=$aid");
    if(!is_array($row))
    {
    echo "對不起,沒有找到您所查找到的公告信息";
    exit;
    }
    echo "<title>".$row["title"]." - QQ豬小說網公告</title> ";
    ?>

    </head>
    <body>
    <div style="height:auto; width:500px; margin:0 auto;border:#BADAA1 1px solid;" >
    <?php
    echo "<h1 style='text-align:center;margin-top:20px;font-size:20px;border-bottom:#ccc 1px solid;'>".$row["title"]."</h1>";

    echo "<p style='text-align:center;font-size:14px'>發布人: ".$row["writer"]."&nbsp;&nbsp;發布時間:".MyDate("Y-m- d",$row["senddate"])." </p>";

    echo "<div style='padding:8px;'>".$row["body"]."</div>";

    echo "<p style='text-align:right;border:#BADAA1 1px solid;margin-bottom:0px;font-size:13px;'><a href='http://www.qqpig.net' target='_blank'>QQ豬小說網</a>[www.QQpig.net]</p>";

    ?>
    </div>

    </body>
    </html>

    熱門關鍵詞: DEDECMS 首頁 滾動公告欄
    欄目列表
    推薦內容
    熱點內容
    展開
    动漫h精品无码一区二区三区,欧美日韩精品一区二区,午夜麻豆国产精品,加勒比中文字幕无码,亚洲日本va中文字幕区