注册 登录 欢迎您到模板精:织梦模板_dede模板_免费网站模板_网站源码下载

织梦教程_免费织梦模板下载_dede模板

该栏目分享织梦建站的基础知识,从织梦CMS的安装,到织梦标签的常规调用,以及织梦的常见问题答疑都有涉及。

当前位置:首页 > 织梦教程 >

织梦DedeCMS实现内容页和列表页键盘方向键翻页

免费网站模板 2020-09-16 10:57 织梦教程 评论
经常可以在其他网站上看到有这样一种特效,按下键盘的左右方向键就可以实现翻页,十分还用,模板精想要在自己公司的网站上实现这个功能,因为网站后台是织梦的,Dede并不自带这个特效,所以需要我们自己扩展。
 
方法很简单,网就教大家怎么实现:
 
一、复制以下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> ";
 
更改为 
 
 
$prepage.="<a id='pre' href='".$purl."PageNo=$prepagenum'>上一页</a> ";
 
找到 
 
 
$nextpage.="<a href='".$purl."PageNo=$nextpagenum'>下一页</a> ";
 
更改为 
 
 
$nextpage.="<a id='next' href='".$purl."PageNo=$nextpagenum'>下一页</a> ";
 
至此全部修改完毕,刷新一下列表页试试吧。
 
这样就可以完美实现内容页和列表页键盘方向键翻页,快去加上吧!