帝国cms实现通过键盘左右方向键跳转上一篇下一篇翻页

使用帝国cms制作的新闻或小说文章站点,有时会需要通过键盘左右方向键实现跳转上一篇、下一篇文章,以实现更人性化的体验。

可以在内容页模板中插入如下代码,

折叠JavaScript 代码
  1. <script type="text/javascript">  
  2. document.onkeydown=pageEvent;  
  3. var prevpage="[!--news.url--]e/public/GotoNext/?enews=pre&classid=[!--classid--]&id=[!--id--]";  
  4. var nextpage="[!--news.url--]e/public/GotoNext/?enews=next&classid=[!--classid--]&id=[!--id--]";  
  5. var listpage="[!--class.url--]";  
  6. function pageEvent(evt){  
  7.     evt=evt||window.event;  
  8.     var key=evt.which||evt.keyCode;   
  9.     if(key==13) location=listpage;  
  10.     if(key==37) location=prevpage;  
  11.     if(key==39) location=nextpage;  
  12. };  
  13. </script>  

这段js的作用是左右方向键跳转到上一篇、下一篇文章,回车键跳转到本栏目列表页。我们也可以通过修改这段代码来实现跳转本文的下一分页。

Tags: 翻页
cms大学,为帝国cms用户提供动力
Copyright © 2016 CmsDX.com All Rights Reserved.