9.dedecms友情链接、投票等系统的调用
本课程视频是VIP会员课程,学习请进入VIP学习区。
于DedeCMS 友情链接按分类网站类型调用的问题,很多草根站长在织梦论坛询问,近日烈火网根据本站需要恰巧遇到这个问题,就写一篇教程来告诉大家是如何现实的,演示请看烈火网首页尾部的链接分类(以滑动门的形式显示)。
首先我们来介绍一下DedeCMS友情链接分类的标签:
标签名称:flink
标记简介:
功能说明:用于获取友情链接
适用范围:全局使用
基本语法:
{dede:flink row='24'/}
参数说明:
type='image' 或textall,图片链接,text文字链接;
row='24' 链接数量
titlelen='24' 站点文字的长度
linktype='1' 链接位置(首页,内页)
typeid='0' 所有类型,可以在系统后台[模块]-[友情链接]中的“网站类型管理”中查看。
标记简介:
功能说明:用于获取友情链接
适用范围:全局使用
基本语法:
{dede:flink row='24'/}
参数说明:
type='image' 或textall,图片链接,text文字链接;
row='24' 链接数量
titlelen='24' 站点文字的长度
linktype='1' 链接位置(首页,内页)
typeid='0' 所有类型,可以在系统后台[模块]-[友情链接]中的“网站类型管理”中查看。
看了上面的注释,我们就明白了,如何调用,以liehuo.NET为例,友情链接有首页与内面链接、有图片链接和文字链接、有同行业网站链接和其它行业网站链接,先来看一下烈火网的调用代码:
<p><!--滑动门JS文件-->
<SCRIPT type=text/javascript>
function g(o){return document.getElementById(o);}
function Hovertab(num,counts,tabname,tabclass){
for (i=1;i<=counts;i++) {
g(tabname+'link'+i).className=tabclass+'tabs';
g(tabname+'con'+i).style.display='none';
}
g(tabname+'link'+num).className=tabclass+'tabs_act';
g(tabname+'con'+num).style.display='block';
} </SCRIPT>
<!-- //滑动门JS文件 -->
<div class="hd">
<h3><A id="liehuo_link1" onMouseOver="Hovertab('1','2','liehuo_','');" href="#">友情链接</A> <A id="liehuo_link2" onMouseOver="Hovertab('2','2','liehuo_','');" href="#">其它合作</A></h3>
</div>
<div id="liehuo_con1">
<ul class="cls">
{dede:flink row='9' linktype='2' typeid='1' type='image'/}
</ul>
<p>
{dede:flink linktype='2' type='text' typeid='1' row='30'}[field:link /]{/dede:flink}
</p>
</div>
<div id="liehuo_con2" style="display:none">
<ul class="cls">
{dede:flink row='9' linktype='2' typeid='2' type='image'/}
</ul>
<p>{dede:flink linktype='2' type='text' typeid='2' row='30'}[field:link /]{/dede:flink}</p>
</div>
</div></p><p> </p>
<SCRIPT type=text/javascript>
function g(o){return document.getElementById(o);}
function Hovertab(num,counts,tabname,tabclass){
for (i=1;i<=counts;i++) {
g(tabname+'link'+i).className=tabclass+'tabs';
g(tabname+'con'+i).style.display='none';
}
g(tabname+'link'+num).className=tabclass+'tabs_act';
g(tabname+'con'+num).style.display='block';
} </SCRIPT>
<!-- //滑动门JS文件 -->
<div class="hd">
<h3><A id="liehuo_link1" onMouseOver="Hovertab('1','2','liehuo_','');" href="#">友情链接</A> <A id="liehuo_link2" onMouseOver="Hovertab('2','2','liehuo_','');" href="#">其它合作</A></h3>
</div>
<div id="liehuo_con1">
<ul class="cls">
{dede:flink row='9' linktype='2' typeid='1' type='image'/}
</ul>
<p>
{dede:flink linktype='2' type='text' typeid='1' row='30'}[field:link /]{/dede:flink}
</p>
</div>
<div id="liehuo_con2" style="display:none">
<ul class="cls">
{dede:flink row='9' linktype='2' typeid='2' type='image'/}
</ul>
<p>{dede:flink linktype='2' type='text' typeid='2' row='30'}[field:link /]{/dede:flink}</p>
</div>
</div></p><p> </p>
在上面的代码中,我们看到四种颜色,分别来解释一下:
1.棕色:为图片链接,限制类型为1(同行内类网站),共调用9条。
2.绿色:为文字链接,限制类型为1(同行内类网站),共调用30条。
3.红色:为图片链接,限制类型为2(其它行业网站),共调用9条。
4.蓝色:为文字链接,限制类型为2(其它行业网站),共调用30条。