步骤一:建立SQL标签{sql_滚动关键字} (命名你自己选择啦!)
查询语句:select top 10 id,channelid,KeyText,hits from ks_keywords where channelid=1 order by hits desc,id desc
意即调用文章模型下点击数前10位的关键字,如果是图片模型,请将channelid改成2,依此类推...
循环:
[loop=10]
<li>
<a href="/plus/search.asp?searchtype=5&channelid={$Field(channelid,Num,0,2)}&tags={$Field(KeyText,Text,0,...,0,)}" title="该Tags被网友搜索使用过{$Field(hits,Num,0,2)}次" target="_blank">{$Field(KeyText,Text,0,...,0,)}[<font color="#ff0033">{$Field(hits,Num,0,2)}</font>]</a>
</li>
[/loop]
步骤二:标签完成后,剩下的就是实现无间隙滚动效果了。在网上搜到一段兼容Firefox和IE的javascript代码,如下:
<!--
try{
var isStoped = false;
var oScroll = document.getElementById("id1");
with(oScroll){
noWrap = true;
}
oScroll.onmouseover = new Function('isStoped = true');
oScroll.onmouseout = new Function('isStoped = false');
var preTop = 0;
var curTop = 0;
var stopTime = 0;
var oScrollMsg = document.getElementById("id2");
oScroll.appendChild(oScrollMsg.cloneNode(true));
init_srolltext();
}catch(e) {}
function init_srolltext(){
oScroll.scrollTop = 0;
setInterval('scrollUp()', 15);
}
function scrollUp(){
if(isStoped) return;
curTop += 1;
if(curTop == 19) {
stopTime += 1;
curTop -= 1;
if(stopTime == 180) {
curTop = 0;
stopTime = 0;
}
}else{
preTop = oScroll.scrollTop;
oScroll.scrollTop += 1;
if(preTop == oScroll.scrollTop){
oScroll.scrollTop = 0;
oScroll.scrollTop += 1;
}
}
}
//-->
新建一个js文件(注意文件中不要有script标签对,否则会发生错误),将此段代码复制进去,保存,上传在js目录下,拟命名为scrollKeywords.js
步骤三:模板调用
在模板中你想要显示滚动关键字的地方插入以下代码
<div id="id1"><!--id1和id2看你自己随便命名啦,与上面的JS代码相对应就好了-->
<div id="id2">
<ul>{sql_滚动关键字}</ul>
</div>
</div>
<script language="javascript" type="text/javascript" src="/js/scrollKeywords.js"><!--你也可以将上面的javascript代码直接插在此处--></script>
好了,一切OK了,剩下的就是写CSS代码,让它变得更好看了!希望对你有用!