JTBC_PHP滚动文字公告实现详细步骤

我是用关于我们模块来做公告列表的，因为我觉得文字公告不需要文章分类这些东西。

详细步骤如下：

1、复制aboutus模块，然后修改文件夹名为gg，

2、然后进gg/common文件夹修改config.jtbc，jtbc_aboutus改为jtbc_gg，guide.jtbc 关于我们 改为 最新消息，

3、再进入gg/common/language修改 manage.jtbc，module.jtbc 也是把关于我们 改为 最新消息

4、然后到数据库SQL里面的空白处粘贴上

SET SQL_MODE="NO_AUTO_VALUE_ON_ZERO";

CREATE TABLE IF NOT EXISTS `jtbc_gg` (
`abid` int(9) NOT NULL auto_increment,
`ab_topic` varchar(50) default NULL,
`ab_content` text,
`ab_content_images_list` text,
`ab_cttype` int(1) default '0',
`ab_cp_note` int(1) default '0',
`ab_cp_mode` int(1) default '0',
`ab_cp_type` int(1) default '0',
`ab_cp_num` int(9) default '0',
`ab_time` datetime default NULL,
`ab_hidden` int(1) default '0',
`ab_update` int(1) default '0',
`ab_good` int(1) default '0',
`ab_count` int(9) default '0',
`ab_lng` varchar(50) default NULL,
PRIMARY KEY (`abid`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8;

好，程序的数据库部分就完成了，

5、后台的系统管理-模版管理-调用模版，增加一个节点gg
节点内容是
{@}·<a href="{$=ii_curl('{$baseurl}', ii_iurl('detail', {$id}, {$urltype}, 'folder={$createfolder};filetype={$createfiletype};time={$time}'))}" title="{$topic}">{$topic}</a>&nbsp;&nbsp;{$=ii_format_date('{$time}',1)}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{@}

6、首页模版在相应位置加上
<style type="text/css" media="all">
.d1 {
margin:4px auto;
width:960px;
overflow:hidden;
white-space:nowrap;
}

.div2 {float:left;}

ul{
margin:0px;
padding:0px;
list-style:none;
}

</style>

<div class="d1" id="div1" onmouseover="clearInterval(timer)" onmouseout="timer=setInterval(mar,30)">
<div class="scroll" id="scroll">
<div class="div2" id="div2">
<ul>
<li>{$=vv_itransfer('top', 'gg', 'topx=9;genre=gg')}</li>
</ul>
</div>
<div id="div3" class="div2"></div>
</div>
</div>

<script language="javascript" type="text/javascript">
var s,s2,s3,s4,timer;
function init(){
s=getid("div1");
s2=getid("div2");
s3=getid("div3");
s4=getid("scroll");
s4.style.width=(s2.offsetWidth*2+100)+"px";
s3.innerHTML=s2.innerHTML;
timer=setInterval(mar,30)
}
function mar(){
if(s2.offsetWidth<=s.scrollLeft){
s.scrollLeft-=s2.offsetWidth;
}else{s.scrollLeft++;}
}
function getid(id){
return document.getElementById(id);
}
window.onload=init;
</script>

然后就大功告成！其实很简单。这个是文字向左滚动的。