+ 收藏我们

网站模板

网站模板搜索
404模板 营销型模板 外贸网站模板 单页模板 双语模板 标签大全
电话:18630701785
首页 > 站长学院 > 帝国cms内容页如何实现用键盘左右键翻页跳转下一页? >

帝国cms内容页如何实现用键盘左右键翻页跳转下一页?

时间:2024-07-30 10:56:45

帝国cms要在内容页实现键盘翻页,功能需求:方向键左、右键实现打开上一篇、下一篇,回车键返回栏目目录。下面是老罗为大家整理的关于内容页实现键盘左右键翻页的解决方案和思路,方便新手站长们在利用帝国cms建网站的时候,可以少走一些弯路。

功能需求:

1、方向键左、右键实现打开上一篇、下一篇

2、回车键返回栏目目录。

解决方案:

将以下代码放置于内容页模板底部。

  1. <script>
  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>

有问题可以加入网站技术QQ群一起交流学习

本站会员学习、解决问题QQ群(691961965)

客服微信号:lpf010888

Title