演示链接:查看演示

DEDECMSdedecms网站实现利用键盘上下翻页效果

其实这个功能在很多小说站,图片站经常用到dedecmsCMS网站实现利用键盘上下翻页效果,大家可以留意一下,下面来讲讲具体的修改步骤:

 

  首先我们打开 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)
      {
      event = 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];
      }
      function makeRequest(url){
      http_request=false;
      if(window.XMLHttpRequest){//Mozilla,Safari,...
      http_request=new XMLHttpRequest();
      if(http_request.overrideMimeType){
      http_request.overrideMimeType('text/xml');
      }
      }else if(window.ActiveXObject){//IE
      try{
      http_request=new ActiveXObject("Msxml2.XMLHTTP");
      }catch(e){
      try{
      http_request=new ActiveXObject("Microsoft.XMLHTTP");
      }catch(e){}
      }
      }
      if(!http_request){
      alert('Giving up:(Cannot create an XMLHTTP instance)');
      return false;
      }
      return http_request;
      }
      </script>

加到<body>之前的位置.这样就全部修改完了,之后我们更新文档看看效果。

THE END
喜欢就支持一下吧
点赞0 分享