修改MXB 2.5.0首页公告为走马灯效果的方法(0319更新)
-
2006-03-03 22:14栗子打开模板组 header -> memberbar
删除
代码:<if="count( $forums->cache[announcement] )">打开 模板组index -> index_top
<div id="mq_div" style="float:right;width:40%;height:15px;overflow:hidden;text-align:center;">
<div id="mq_cont" style="line-height:15px;">
<foreach="$forums->cache[announcement] AS $announcedata"><if="$announcedata['forumid']==-1">
<div><strong>{$lang['announcement']}: <a href='{$bboptions['bburl']}/announcement.php?id={$announcedata['id']}'>{$announcedata['title']}</a></strong></div>
</if></foreach>
</div>
</div>
<script language='Javascript' type="text/javascript">
<!--
var speed = 2500;
var mqdiv = document.getElementById('mq_div');
var mqcont = document.getElementById('mq_cont');
var MyMar=setInterval(Marquee,speed)
function Marquee(){
var mqline = parseInt(mqcont.style.lineHeight);
if(mqdiv.scrollTop + mqline >= mqcont.offsetHeight) mqdiv.scrollTop = 0;
else mqdiv.scrollTop += mqline;
}
mqdiv.[/img] =function() {clearInterval(MyMar)}
mqdiv.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
//-->
</script>
</if>
定位到最后一行 在{ads:thread}后面添加
代码:<if="count( $forums->cache[announcement] )">这样类似DVBBS和DZ的那种走马灯效果的论坛公告就可以实现了
<div class="wttborder">
<table width='100%' cellpadding='4' cellspacing='1' class='ttable'>
<tbody>
<tr>
<td class='thead' align='center'>
<img class='inline' src='images/<#IMAGE#>/nav_m.gif' border='0' alt='' /> {$lang['announcement']} <img class='inline' src='images/<#IMAGE#>/nav_m.gif' border='0' alt='' />
</td>
</tr>
<tr>
<td class='row1'>
<marquee direction="left" scrollamount="3" onMouseOut="this.start();" onmouseover="this.stop();" >
<foreach="$forums->cache[announcement] AS $announcedata"><if="$announcedata['forumid']==-1">
<strong> <a href='{$bboptions['bburl']}/announcement.php?id={$announcedata['id']}'>{$announcedata['title']}</a> </strong>
</if></foreach></marquee>
</td>
</tr>
</tboby>
</table>
</div></if> -
2006-03-03 22:17jiaswen我的站已经自己修改完了,,不过还是谢谢LZ的奉献精神
-
2006-03-03 22:27iceice
支持小栗
修改中……
-
2006-03-03 22:35西子宜顶 ...
-
2006-03-04 00:53skylin
呵呵.我的也修改了..这样很好...看起来很方便.一下就可以看到多数的公告.
只是...
1.能在滚动的文字前加个小狗跑的图片吗
2.还有当鼠标放在上面的时候让他自动停止滚动.
-
2006-03-04 09:23alphafox不错，只是还须完善
写法也不规范 -
2006-03-04 18:05缘尽心风顶了再试.........
-
2006-03-04 18:59jiaswen引用:(skylin @ 2006-03-04 00:57)
呵呵.我的也修改了..这样很好...看起来很方便.一下就可以看到多数的公告.
只是...
1.能在滚动的文字前加个小狗跑的图片吗
2.还有当鼠标放在上面的时候让他自动停止滚动.
[/quote]我的鼠标移动到公告区就停止滚动了!
2006-03-05 05:04yzshadanmarquee代码的用法，网上一搜一大片2006-03-21 20:56sylj001感谢楼主的辛勤劳动。
不过有个小问题：首页公告更改了之后，显示的实在是太靠拢了些，让人一下子不能分开。
能否分开一些或者在每个公告标题前面添加一些图案来区分开？
2006-04-04 06:39omake引用:(yzshadan @ 2006-03-05 05:08)marquee代码的用法，网上一搜一大片[/quote]
marquee代码不能通过W3C认证2006-04-05 17:05kit@hk感谢楼主的辛劳2006-04-07 17:22Samon引用:(sylj001 @ 2006-03-21 21:00)感谢楼主的辛勤劳动。
不过有个小问题：首页公告更改了之后，显示的实在是太靠拢了些，让人一下子不能分开。
能否分开一些或者在每个公告标题前面添加一些图案来区分开？
[/quote]
在楼主的代码基础之上，稍作更改，实现了下面的功能：
1、公告之间增加空格间隙，更好看；
2、公告头部增加图片链接；
3、公告尾部增加该公告的起始时间、结束时间。
代码如下：
代码:<if="count( $forums->cache[announcement] )">
<div class="wttborder">
<table width='100%' cellpadding='4' cellspacing='1' class='ttable'>
<tbody>
<tr>
<td class='thead' align='center'>
<img class='inline' src='images/<#IMAGE#>/nav_m.gif' border='0' alt='' /> {$lang['announcement']} <img class='inline' src='images/<#IMAGE#>/nav_m.gif' border='0' alt='' />
</td>
</tr>
<tr>
<td class='row1'>
<marquee direction="left" scrollamount="3" onMouseOut="this.start();" onmouseover="this.stop();" >
<foreach="$forums->cache[announcement] AS $announcedata">
<if="$announcedata['forumid']==-1">
<#CODEBEGIN#>
$_startdate = date('Y-m-d',$announcedata['startdate']);
$_enddate = date('Y-m-d',$announcedata['enddate']);
<#CODEEND#>
<img src='images/<#IMAGE#>/xxx.gif' border='0' /><strong><a href='{$bboptions['bburl']}/announcement.php?id={$announcedata['id']}'>{$announcedata['title']}</strong>({$_startdate}~{$_enddate})</a>
</if>
</foreach>
</marquee>
</td>
</tr>
</tboby>
</table>
</div>
</if>
2006-04-14 12:02sylj001感谢楼上的兄弟，做出了修正后感觉好多了。Powered by MolyX © 2004-2008 HOGE Software