当前位置:首页 > 计算机相关 > 建站之路 > 正文内容

DEDECMS首页加入滚动公告栏的方法

piikee14年前 (2010-12-19)建站之路523
近期新上线网站,使用了DEDECMS的系统。由于首页需要加入滚动站内新闻,于是搜了一下,都找不到好的代码。想起自己前期开发的一个JS广告滚动代码,决定自己开发一个功能来。
经过一个下午的努力,总算给弄了出来。不多说,直接上代码。
总共有三部分代码,一个是模板调用,一个是js函数文件,一个是显示新闻详细内容的php文件。
[separator]
先上调用代码,在DEDECMS后台-模板-默认模板里找到index.htm ,即网站首页模板,点击修改,找到
[code]<div class='newarticle'>最新文章</div>
[/code]
部分,在后面加入
<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>
[/code]后面加入[code]  <!--滚动公告调用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>

扫描二维码推送至手机访问。

版权声明:本文由萍客小居[www.piikee.net]发布,如需转载请注明出处。

本文链接:https://www.piikee.net/777.html

分享给朋友:

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。