网站程序
主页 > 技巧教程 > 网站程序 >

dede织梦网站实现利用键盘上下翻页效果的教程

2018-09-06 | 酷站 | 点击:
本篇文章给大家介绍dede织梦网站实现利用键盘上下翻页效果的教程

详细步骤如下:


首先打开 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>之前的位置。这样就全部修改完了,之后我们更新文档看看效果。

以上就是本篇文章的全部内容了,希望对大家有所帮助。


 

原文链接:
相关文章
最新更新