版权申明:该代码是从官方论坛相关代码的改进版.本论坛并不声明原创性
官网上的xpcjh一直是我喜欢的会员,他(她)总能拿出些新的有创意的代码来.官网上有他(她)的教程贴:
http://bbs.topzj.com/thread-205314-1-3.html.我这里的改进版和他(她)的用法差不多,只是代码简单了点,只有图片调用.要看效果请回论坛首页,排行榜下面就是了.
步骤一:将下面代码复制到一个文本文档里.
[FIELDSET]<html>
<HEAD><TITLE>太宰府论坛最新图文调用</TITLE>
<META http-equiv=Content-Type content="text/html;
charset=gb2312">
<META content="太宰府" name=etxbbs.cn>
<BODY onload=p()>
<STYLE type=text/css>
BODY {cursor:url('http://ent.up2.topzj.com/data/ent/21/14/88/a/07/07/03/20070703_c35576eb1f5fa0cf19eeaU2zEpR0EFOQ.ani')}
</STYLE>
<STYLE type=text/css>
DIV {FILTER: revealTrans(transition=12,duration=2);
WIDTH:99%; POSITION: absolute}</STYLE>
<span
style="display:none"><script language="JavaScript"
type="text/javascript"
src="http://www3.itsun.com/counter.php?
uuid=1557001&style=icon"></script></span>
<TBODY> <TR> <TD> <TABLE
cellSpacing=0 cellPadding=0 width="977" align=center
border=1> <TBODY> <TR bgColor=#000000>
</TR></TBODY></TABLE></TD></TR></TBODY>
<!--图片调用开始1-->
<DIV id=jx1 onmouseover=s(1)
style="VISIBILITY: visible" onmouseout=s(0)> <TABLE
borderColor=#ACA899 cellSpacing=0 cellPadding=0
width="100%" align=center border=0> <TBODY> <TR> <TD
vAlign=top width="100%">
<TABLE cellSpacing=0
cellPadding=0 width="100%" align=center border=0> <TBODY>
<TR vAlign=center bgColor=#000000> <TD vAlign=center
align=middle width="16%" height=120>
这里放入前6张JS调用代码 </TD></TR><!--图片调用结束1--></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>
<DIV id=jx2 onmouseover=s(1)
style="VISIBILITY: hidden" onmouseout=s(0)><!--图片调用开
始2--> <TABLE borderColor=#ACA899 cellSpacing=0
cellPadding=0 width="100%" align=center border=0> <TBODY>
<TR> <TD vAlign=top width="100%"> <TABLE cellSpacing=0
cellPadding=0 width="100%" align=center border=0> <TBODY>
<TR vAlign=center bgColor=#000000> <TD vAlign=center
align=middle width="16%" height=120>
这里放第7张到第12张图片的JS调用代码 </TD></TR> <!--图片调用结束2--></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>
<SCRIPT>
var jx1=document.getElementById('jx1');var
jx2=document.getElementById('jx2');
//设置显示哪个层的变量
var sL=1;
//设置动与不动的变量
var iS=0;
//设定显示时间
function p()
{
if(iS==0)
{
if(sL%2==1)
{
cs1(jx1,1);
cs1(jx2,0);
setTimeout('p()',5000);
}
else{
cs1(jx1,0);
cs1(jx2,1);
setTimeout('p()',5000);
}
sL++;
}
else
{
setTimeout('p()',1000);
}
}
//显示函数
function cs1(a,b)
{if(a==null)return;
a.filters.revealTrans.apply();
if(b==1) a.style.visibility='visible';
else a.style.visibility='hidden';
a.filters.revealTrans.play();}
//设定is变量
function s(v)
{iS=v;}
</SCRIPT>
</BODY>
</html>[/FIELDSET]
步骤二:JS调用
进入后台>系统工具>JS调用向导>附件图片调用
选择你需要显示图片的论坛,图片大小根据你的需要,我选的是155*155,但是图片太大了也会影响美观的.
起始行数:如果是第一次调用,填"0",如果是第二次调用,填"6".因为第一次调用选择的是附件图片排行中的前6张图,即0-5位的6张图片,第二次调用自然会从第6位开始,固然填"6".如果你选择了其他数量的图片,第一次调用仍然填"0",第二次就要填你要显示调用图片的数量了.也许说到这里,有的人还不明白,为什么我的标题说的是12张.因为我用了两个层分别装6张图片,通过flash效果来实现切换.也就是说实际每次显示在论坛上的图片数量只有6张.用6张图片的位置显示12张图片,还是满划得来的,哈哈.
显示数据条数:这就是我上面说的每次在论坛上显示的图片数量(注意,不是要显示的总数量.)
精华贴过滤: 全不选
在新窗口中打开:如果你希望则选是,否则选否.
点击确定,就会生成一个JS调用代码.记住,你总共需要两个这样的JS代码,第二次调用时只要把起始数据行数修改成你每次要显示图片的数量再点确定就好了.
把你两次生成的JS调用代码分别放进上面代码红字的地方,别忘了放入代码后要把红字去掉哦.
这样你的JS调用就完成了.
步骤三:微调
完成了前两个步骤,你的图片调用就已经完成了,现在要做的是修改网页的名字,也就是把上面有"太宰府"的字改成你网站的名字.完成后保存文本文档,重命名为***. htm文件,然后上传到空间或者论坛里.如果是上传到论坛里,就进入后台>帖子管理>编辑附件>选择你上传的分论坛,找到你上传的htm文件,复制地址.
再进入论坛管理,点击你想显示该网页的论坛的"编辑",在论坛简介里填入下面的代码:
点击确定.刷新论坛首页,你就会发现显示论坛最新图片调用的网页已经显示出来了,如果发现网页的位置不太好,可以修改上面代码的height和width的属性,直到你满意为止.
汗,教程到此结束.应该很简单明了了,如果还不明白,可以在此贴回复询问.
