账号通
    

账号  

密码  

4651

查看

5

回复
主题:[分享]利用SQL标签实现无间隙滚动的模型关键字! [收藏主题] 本贴被认定为精华 转到:  
jxz_211 当前离线

340

主题

0

广播

1

粉丝
添加关注
级别:三年级

用户积分:3974 分
登录次数:356 次
注册时间:2008/6/12
最后登录:2011/4/23
jxz_211 发表于:2008/10/31 10:16:00   | 只看该作者 查看该作者主题 楼主 
科汛在线考试系统(NET)

步骤一:建立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代码,让它变得更好看了!希望对你有用!


 


 

 
  支持(1) | 反对(1) 回到顶部顶端 回到底部底部
oldiy 当前离线

68

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:606 分
登录次数:62 次
注册时间:2006/10/14
最后登录:2009/7/1
oldiy 发表于:2008/10/31 19:00:00   | 只看该作者 查看该作者主题 沙发 
 
  支持(1) | 反对(1) 回到顶部顶端 回到底部底部
cms2007 当前离线

4445

主题

8

广播

15

粉丝
添加关注
级别:超级版主

用户积分:23396 分
登录次数:1515 次
注册时间:2007/8/7
最后登录:2022/12/6
cms2007 发表于:2008/10/31 10:22:00   | 只看该作者 查看该作者主题 藤椅 
科汛在线商城系统(NET)
不错不错,我决定帮你加精
 
  支持(1) | 反对(1) 回到顶部顶端 回到底部底部
samyong 当前离线

31

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:166 分
登录次数:167 次
注册时间:2011/2/23
最后登录:2013/10/15
samyong 发表于:2011/6/20 11:24:04   | 只看该作者 查看该作者主题 板凳 
科汛在线网校系统
为什么现在的关键字表中没有模型列啊
 
  支持(1) | 反对(0) 回到顶部顶端 回到底部底部
swcml 当前离线

454

主题

0

广播

0

粉丝
添加关注
级别:四年级

用户积分:2920 分
登录次数:119 次
注册时间:2006/11/11
最后登录:2013/3/10
swcml 发表于:2011/6/20 11:52:18   | 只看该作者 查看该作者主题 报纸 
科汛智能建站系统
我也要收藏一个。。。。
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
sffwztgd 当前离线

592

主题

0

广播

1

粉丝
添加关注
级别:五年级

用户积分:625 分
登录次数:49 次
注册时间:2011/6/22
最后登录:2012/2/16
sffwztgd 发表于:2011/6/23 17:36:31   | 只看该作者 查看该作者主题 地板 
科汛在线考试系统(NET)
对不起,该用户所发的帖已全被锁定!
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.22656秒 powered by KesionCMS 9.0