Dedecms實(shí)現(xiàn)鍵盤方向鍵翻頁(yè)效果教程_DedeCms教程
      
編輯Tag賺U幣
      


      教程Tag：暫無(wú)Tag,歡迎添加,賺取U幣!
      


      
織夢(mèng)DEDECMS教程之實(shí)現(xiàn)按鍵盤方向鍵實(shí)現(xiàn)上一頁(yè)/下一頁(yè)翻頁(yè)效果，這樣可以提高用戶體驗(yàn)，特別是在小說(shuō)站和圖片站中用的比較多。
      今天教大家一下DEDECMS教程之鍵盤翻頁(yè)的制作方法：
      打開(kāi) include/arc.archives.class.php 查找到以下代碼：
      1. $this->PreNext['pre'] = "上一篇：<a href='$mlink'>{$preRow['title']}</a> ";  
      替換成以下代碼：
      1. $this->PreNext['pre'] = "$mlink ";$this->PreNext['next'] = "下一篇：<a href='$mlink'>{$nextRow['title']}</a> ";  
      然后在內(nèi)容頁(yè)用js進(jìn)行調(diào)用，代碼如下：
      1. <script type="text/javascript" language="javascript">  
      2. <!--   
      3. document.onkeydown=nextpage;   
      4. var prevpage='{dede:prenext get='pre'/}';   
      5. var nextpage='{dede:prenext get='next'/}';   
      6. var index_page = "index.html";   
      7. //var bookpage="index.html";   
      8. function nextpage(event)   
      9. {   
      10. eventeventevent = event ? event : (window.event ? window.event : null);   
      11. //if (event.keyCode==13) location=bookpage  
      12. if (event.keyCode==13) location=index_page  
      13. if (event.keyCode==37)   
      14. {   
      15. if (prevpage!='' && prevpage!='上一篇：沒(méi)有了 ')   
      16. location=prevpage;   
      17. else   
      18. alert('這是第一頁(yè)');   
      19. }   
      20. if (event.keyCode==39)   
      21. {   
      22. if (nextpage!='' && nextpage!='下一篇：沒(méi)有了 ')   
      23. location=nextpage;   
      24. else   
      25. alert('已經(jīng)是最后一頁(yè)了');   
      26. }   
      27. }   
      28. //-->  
      29. function getElement(aID)   
      30. {   
      31. return (document.getElementById) ? document.getElementById(aID): document.all[aID];   
      32. }   
      33. function makeRequest(url){   
      34. http_request=false;   
      35. if(window.XMLHttpRequest){//Mozilla,Safari,...   
      36. http_request=new XMLHttpRequest();   
      37. if(http_request.overrideMimeType){   
      38. http_request.overrideMimeType('text/xml');   
      39. }   
      40. }else if(window.ActiveXObject){//IE   
      41. try{   
      42. http_request=new ActiveXObject("Msxml2.XMLHTTP");   
      43. }catch(e){   
      44. try{   
      45. http_request=new ActiveXObject("Microsoft.XMLHTTP");   
      46. }catch(e){}   
      47. }   
      48. }   
      49. if(!http_request){   
      50. alert('Giving up:(Cannot create an XMLHTTP instance)');   
      51. return false;   
      52. }   
      53. return http_request;   
      54. }   
      55. </script>  
      加入到文章模版的<body>標(biāo)簽之前的內(nèi)容就行了。
      當(dāng)然為了防止頁(yè)面代碼臃腫，大家可以將此代碼放在單獨(dú)JS文件中采用外部調(diào)用即可，保持頁(yè)面簡(jiǎn)潔清爽。
      織夢(mèng)DEDECMS教程之實(shí)現(xiàn)按鍵盤方向鍵實(shí)現(xiàn)上一頁(yè)/下一頁(yè)翻頁(yè)效果制作完畢！
      僅供大家學(xué)習(xí)參考。希望能幫助到你
      


      查看更多 DedeCms教程  織夢(mèng)模板  織夢(mèng)DedeCms視頻教程  織夢(mèng)dedecms專題
      

      


      來(lái)源：模板無(wú)憂//所屬分類：DedeCms教程/更新時(shí)間：2020-04-25


      


      



      


      



      相關(guān)DedeCms教程：
      




      

      DedeCms教程教程Rss訂閱Cms教程搜索