经常可以在其他网站上看到有这样一种特效,按下键盘的左右方向键就可以实现翻页,十分还用,余斗想要在自己公司的网站上实现这个功能,因为网站后台是织梦的,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 rel="nofollow noopener noreferrer" href='$mlink'>{$preRow['title']}</a> ";
更改为
$this->PreNext['pre'] = "上一篇:<a id='pre' rel="nofollow noopener noreferrer" href='$mlink'>{$preRow['title']}</a> ";
找到
$this->PreNext['next'] = "下一篇:<a rel="nofollow noopener noreferrer" href='$mlink'>{$nextRow['title']}</a> ";
更改为
$this->PreNext['next'] = "下一篇:<a id='next' rel="nofollow noopener noreferrer" href='$mlink'>{$nextRow['title']}</a> ";
改完后保存,然后去刷新内容页,然后按下键盘的左右键,应该已经改好了。
三、接下来进行列表页,打开/include/arc.listview.class.php,找到(大概在1147行左右)
$prepage.="<a rel="nofollow noopener noreferrer" href='".$purl."PageNo=$prepagenum'>上一页</a>\r\n";
更改为
$prepage.="<a id='pre' rel="nofollow noopener noreferrer" href='".$purl."PageNo=$prepagenum'>上一页</a>\r\n";
找到
$nextpage.="<a rel="nofollow noopener noreferrer" href='".$purl."PageNo=$nextpagenum'>下一页</a>\r\n";
更改为
$nextpage.="<a id='next' rel="nofollow noopener noreferrer" href='".$purl."PageNo=$nextpagenum'>下一页</a>\r\n";
至此全部修改完毕,刷新一下列表页试试吧。
这样就可以完美实现内容页和列表页键盘方向键翻页,快去加上吧!
本文DedeCMS如何实现内容页和列表页键盘方向键翻页到此结束。如果我们有着快乐的思想,我们就会快乐;如果我们有着凄惨的思想,我们就会凄惨。小编再次感谢大家对我们的支持!