pjblog顶部最新热门随机日志最新留言内容模块选项卡多格调用

任侠
网站建设
2009-04-09
6804热度
3评论

寻找了很久的选项卡多格日志效果。本压缩包文件是集合论坛搜索相关帖子，比较多种版本整理并加稍加以改进而来，各插件版权归原作者所有。

安装：
1.下载安装包，后台安装所有插件。热门日志、随机日志插件如原来安装过，最好先卸载掉，然后覆盖本压缩包内文件再次安装。top_tab文件夹内为需用到的两个文件，并非插件。

2.在后台新建TAB内容模块设置排序位最小值（保持在顶部）

如果安装了WBC的相关日志插件的建议TAB模块设置为首页独享

3.编辑HTML 插入代码：

方法一：使用幻灯图片一（即XPhotoFocus，可以后台上传图片，但不能引用）：

<link id="css" rel="stylesheet" type="text/css" href="plugins/top_tab/tab.css" />
<div class="Content">  <script type="text/javascript" src="plugins/top_tab/tabs.js"></script>
<div id="test1" style="">
  <div class="ntab2-head">
<li >最新留言</li>
<li >最新日志</li>
<li >随机日志</li>
<li >热门日志</li>
  </div>
  <div style="FLOAT: left;width=160px;height=120px;padding-top:6px;padding-left:6px;padding-right:12px;"><$ShowXphotoFocus$></div><div class="ntab2-body">
<dl>
 <$NewMsg2$>
</dl>
    <dl>
<script language="javascript" src="topblognodate.asp?TopLen=9&titleLength=18"></script>
</dl>
<dl>
   <$RandomLog$>
</dl>
    <dl>
   <$HotLog$>
</dl>
  </div>
</div></div>
<script language="javascript">ntab2_register('test1', 3);</script>

使用第二种图片展示效果（即，可以直接添加图片地址，但不能后台上传图片）：
编辑HTML 插入:

<link id="css" rel="stylesheet" type="text/css" href="tab.css" />
<table width=100%>
<tr>
<td>
<div class="Content">  <script type="text/javascript" src="tabs.js"></script>
<div id="test1" style="">
<div class="ntab2-head">
<li >最新留言</li>
<li >最新日志</li>
<li>随机日志</li>
<li >热门日志</li>
  </div>

  <div style="FLOAT: left;width=160px;height=120px;padding-top:6px;padding-left:6px;padding-right:12px;">
<script type="text/javascript">
linkarr = new Array();
picarr = new Array();
textarr = new Array();
var focus_width=<$Wt$>;
var focus_height=<$Ht$>;
var text_height=<$TextHt$>;
var pics = "";
var links = "";
var texts = "";
var swf_height = focus_height+text_height;

<$FanbinPic$>

for(i=0;i<picarr.length;i++)
{
if(pics=="") pics = picarr<span style="text-decoration: line-through;">;
else pics += "|"+picarr<span style="text-decoration: line-through;">;
}
for(i=0;i<linkarr.length;i++)
{
if(links=="") links = linkarr<span style="text-decoration: line-through;">;
else links += "|"+linkarr<span style="text-decoration: line-through;">;
}
for(i=0;i<textarr.length;i++)
{
if(texts=="") texts = textarr<span style="text-decoration: line-through;">;
else texts += "|"+textarr<span style="text-decoration: line-through;">;
}
document.write('<div style="margin-top: 8px; margin-left: auto; margin-right: auto;">');
document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">');
document.write('<param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="plugins/PicShowFlash/fla.swf" />');
document.write('<param name="quality" value="high" /><param name="bgcolor" value="#F0F0F0" />');
document.write('<param name="menu" value="false" /><param name=wmode value="opaque" />');
document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" />');
document.write('<embed src="plugins/PicShowFlash/fla.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#F0F0F0" quality="high" width="'+ focus_width +'" height="'+ swf_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
document.write('</object>');
document.write('</div>');
</script>
</div><div class="ntab2-body">
  <dl>
   <$NewMsg2$>
</dl>
    <dl>
<script language="javascript" src="topblog.asp?TopLen=7&titleLength=24"></script>
</dl>
<dl>
   <$RandomLog$>
</dl>
    <dl>
   <$HotLog$>
</dl>
  </div>
</div></div>
</td>
</tr>
</table>
<script language="javascript">ntab2_register('test1', 3);</script>