织梦园模板网提供云优cms模板,pbootcms模板,Wordpress主题模板等各类企业新闻资讯网站模板下载服务。织梦园网站模板交流群
用户名:
密码:
注册
注册后享受折扣价

织梦系统实现按键盘方向键实现上一篇下一篇翻页

织梦园模板 / 2019-02-27 / 收藏
如何实现织梦文章页用键盘左右键实现文章切换上一篇和下一篇文章,下面讲解一下教程。
先看一代码js按键盘方向键代码
<SCRIPT language=>
document.onkeydown = pageEvent;
var prevpage="http://www.000.net/";
var nextpage="http://www.000.net/";
function pageEvent(evt){
evt = evt ||window.event;
var key=evt.which||evt.keyCode;
if (key == 37) location = prevpage
if (key == 39) location = nextpage
};
</SCRIPT>

说明:按键盘← →方向键 或 PageUp PageDown键直接翻页

好了说远了,下面进入正题

首先我们打开 /include/arc.archives.class.php 查找到以下代码:

代码如下: 
$this->PreNext['pre'] = "上一篇:<a href='$mlink'>{$preRow['title']}</a> "; 
替换成以下代码:
$this->PreNext['pre'] = "$mlink ";

$this->PreNext['next'] = "下一篇:<a href='$mlink'>{$nextRow['title']}</a> "; 

这样php代码就修改完了可以保存,接下来我们在内容页用js进行调用.把以下代码:

下面我们在模板页面中如下操作

<script type="text/javascript" language="javascript">
<!--
document.onkeydown=nextpage;
var prevpage='{dede:prenext get='pre'/}';
var nextpage='{dede:prenext get='next'/}';
var index_page = "index.html";
//var bookpage="index.html";
function nextpage(event)
{
eventevent = event ? event : (window.event ? window.event : null);
//if (event.keyCode==13) location=bookpage
if (event.keyCode==13) location=index_page
if (event.keyCode==37)
{
if (prevpage!='' && prevpage!='上一篇:没有了 ')
location=prevpage;
else
alert('这是***页');
}
if (event.keyCode==39)
{
if (nextpage!='' && nextpage!='下一篇:没有了 ')
location=nextpage;
else
alert('已经是***后一页了');
}
}
//-->
function getElement(aID)
{
return (document.getElementById) ? document.getElementById(aID): document.all[aID];
}

</script>

相关织梦教程

收缩