建站技术网专注分享网站建设技术,网站建设教程,真正帮你学会做网站技术,轻松解决网站建设过程中遇到的常见问题,为广大站长服务。 网站地图 | 收藏本站 | 订阅
域名投资,就来找米网,认准网址:www.zhaomi.cc 专业仿站,就到仿站网:www.fangzhan.org
  站内公告: ·帝国cms教程内容已更新,欢迎关注     ·建站技术网采用阿里云服务器,备案已通    
您当前的位置:建站技术网 > cms教程 > 帝国cms教程

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

时间:2019-05-12 11:12:05  来源:网络收集  整理: 建站技术网 www.jzjsw.com     点击:0次

使用帝国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的作用是左右方向键跳转到上一篇、下一篇文章,回车键跳转到本栏目列表页。我们也可以通过修改这段代码来实现跳转本文的下一分页。

标签:
文章标题:帝国cms实现通过键盘左右方向键跳转上一篇下一篇翻页
文章网址:http://www.jzjsw.com/cmsJiaocheng/diguocms/11248.html
上一篇:帝国cms分割变量值为数组并分别输出
下一篇:帝国cms取消前台会员账号注册时邮箱为必填项的方法
来顶一下
返回首页
返回首页
相关文章
    无相关信息
推荐资讯
如何通过SEO优化排名赚钱?SEO赚钱方法
如何通过SEO优化排名赚
seo优化教程:网站seo内容优化
seo优化教程:网站seo
SEO细节:企业SEO如何快速为新站做出效果
SEO细节:企业SEO如何
电商技术将如何发展?2018年有这五个大胆预测
电商技术将如何发展?
最新文章
栏目更新
栏目热门