首页 > CMS > 织梦DEDE > 正文

DedeCMS实现列表页和内容页方向键翻页效果

2024-07-12 08:47:36
字体:
来源:转载
供稿:网友
这篇文章主要为大家详细介绍了DedeCMS实现列表页和内容页方向键翻页效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。

361源码小编经常会逛一下其他网站,例如小说站,漫画站,经常会看到不少网站这样的一种特效:按下键盘的左右方向键就可以实现翻页,十分还用方便。361资源小编就想织梦dedecms是否也能实现这样的功能呢?说干就干,361源码小编分析了2个站点后下面动手来二次开发扩展织梦的列表页和内容的翻页功能。

下面就是361源码的具体实现方法:

一、复制以下JS文件到我们的列表页和内容页模版中

<script language="javascript" type="text/javascript">

$(document).ready(function(){

var prevpage=$("#pre").attr("href");

var nextpage=$("#next").attr("href"); $("body").keydown(function(event){

if(event.keyCode==37 && prevpage!=undefined) location=prevpage;

if(event.keyCode==39 && nextpage!=undefined) location=nextpage; });

});

</script> 

二、 打开/include/arc.archives.class.php文件找到(大概在813行左右) 

$this->PreNext['pre'] = "上一篇:<a href='$mlink'>{$preRow['title']}</a> ";

更改为 

$this->PreNext['pre'] = "上一篇:<a id='pre' href='$mlink'>{$preRow['title']}</a> ";

找到 

$this->PreNext['next'] = "下一篇:<a href='$mlink'>{$nextRow['title']}</a> ";

更改为

$this->PreNext['next'] = "下一篇:<a id='next' href='$mlink'>{$nextRow['title']}</a> ";

改完后保存,然后去刷新内容页,然后按下键盘的左右键,应该已经改好了。

三、接下来进行列表页,打开/include/arc.listview.class.php,找到(大概在1147行左右) 

$prepage.="<a href='".$purl."PageNo=$prepagenum'>上一页</a>/r/n";

更改为 

$prepage.="<a id='pre' href='".$purl."PageNo=$prepagenum'>上一页</a>/r/n";

找到 

$nextpage.="<a href='".$purl."PageNo=$nextpagenum'>下一页</a>/r/n";

更改为 

$nextpage.="<a id='next' href='".$purl."PageNo=$nextpagenum'>下一页</a>/r/n";

至此全部修改完毕,刷新一下列表页试试吧。这样就可以完美实现内容页和列表页键盘方向键翻页,快去加上吧!

最后做个小结:

通过键盘方向键实现上下页的翻页效果其实就是通过JS实现键盘的操作,这样的操作其实还可以演变到很多其他的站点或者CMS,有兴趣的朋友可以自己研究和摸索,如果有不明白的可以加群讨论。

以上就是DedeCMS实现列表页和内容页方向键翻页效果的全部内容,希望对大家的学习和解决疑问有所帮助,也希望大家多多支持武林网。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表