您现在的位置是:首页 > 教程 > dedecms教程dedecms教程

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

从安2024-08-22 20:36:56dedecms教程已有人查阅

导读先看一代码js按键盘方向键代码,说明:按键盘← →方向键 或 PageUp PageDown键直接翻页好了说远下面进入正题

先看一代码js按键盘方向键代码
<SCRIPT language=>
document.onkeydown = pageEvent;
var prevpage="http://www.111cn.net/";
var nextpage="http://www.111cn.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键直接翻页
好了说远下面进入正题
首先我们打开 /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>

本文标签:

很赞哦! ()

留言与评论 (共有 条评论)
验证码:

本栏推荐

相关标签