dedecms 文章内容页面实现键盘<----和--->翻页效果

 

此功能是在别人的基础之上修改的,用户体验效果会更好一点

以下是代码:将代码粘贴在文章内容显示页面的<body></body>上面

本人使用的是dedecms 5.7 默认的 文章内容模板     dedecms\templets\default\article_article.htm

增加代码之一:

<script language="javascript" type="text/javascript">

<!--

window.onload = turnpage;//每一次页面打开就加载函数

function turnpage(){

    document.onkeydown=nextpage;

    function nextpage(event){

        event = event ? event : (window.event ? window.event : null);

        if(event.keyCode==39 && document.getElementById("nextpage")!=null){//前进   --->

location = document.getElementById("nextpage").href;

        }else if(event.keyCode==39 && document.getElementById("nextpage")==null){

            alert("这是最后一页哦~!");

        }

        if(event.keyCode==37 && document.getElementById("prepage")!=null){//后退  <----

location = document.getElementById("prepage").href;        

}else if(event.keyCode==37 && document.getElementById("prepage")==null){

            alert("这是首页哦~!");

        }

    }

}

增加代码之二:

文件位置:dedecms\include\arc.archives.class.php

 

将  $this->PreNext['pre'] = "上一篇:<a href='$mlink'>{$preRow['title']}</a> ";

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

 

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

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

 

ps:本代码进行过多次测试,执行没有问题,请放心使用,如有不明白的请留言

你可能感兴趣的:(dedecms)