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

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

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

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

時間:2022-11-29來源:風信官網 點擊: 785次

使用了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 首頁 滾動公告欄
欄目列表
推薦內容
熱點內容
展開
黑人粗硬进入过程视频