使用帝国cms制作的新闻或小说文章站点,有时会需要通过键盘左右方向键实现跳转上一篇、下一篇文章,以实现更人性化的体验。
可以在内容页模板中插入如下代码,
折叠展开JavaScript 代码
- <script type="text/javascript">
- document.onkeydown=pageEvent;
- var prevpage="[!--news.url--]e/public/GotoNext/?enews=pre&classid=[!--classid--]&id=[!--id--]";
- var nextpage="[!--news.url--]e/public/GotoNext/?enews=next&classid=[!--classid--]&id=[!--id--]";
- var listpage="[!--class.url--]";
- function pageEvent(evt){
- evt=evt||window.event;
- var key=evt.which||evt.keyCode;
- if(key==13) location=listpage;
- if(key==37) location=prevpage;
- if(key==39) location=nextpage;
- };
- </script>
这段js的作用是左右方向键跳转到上一篇、下一篇文章,回车键跳转到本栏目列表页。我们也可以通过修改这段代码来实现跳转本文的下一分页。