校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 網站建設 > 建站知識 > Dedecms實現鍵盤方向鍵翻頁效果教程

Dedecms實現鍵盤方向鍵翻頁效果教程

POST TIME:2017-11-13 00:49

DEDECMS教程之實現按鍵盤方向鍵實現上一頁/下一頁翻頁效果,這樣可以提高用戶體驗,特別是在小說站和圖片站中用的比較多。

DEDECMS教程之鍵盤翻頁的制作方法:

打開 include/arc.archives.class.php 查找到以下代碼:

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

替換成以下代碼:

  1. $this->PreNext['pre']="$mlink";$this->PreNext['next']="下一篇:<ahref='$mlink'>{$nextRow['title']}</a>";

然后在內容頁用js進行調用,代碼如下:

  1. <scripttype="text/javascript"language="javascript">
  2. <!--
  3. document.onkeydown=nextpage;
  4. varprevpage='{dede:prenextget='pre'/}';
  5. varnextpage='{dede:prenextget='next'/}';
  6. varindex_page="index.html";
  7. //varbookpage="index.html";
  8. functionnextpage(event)
  9. {
  10. eventevent=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!='上一篇:沒有了')
  16. location=prevpage;
  17. else
  18. alert('這是第一頁');
  19. }
  20. if(event.keyCode==39)
  21. {
  22. if(nextpage!=''&&nextpage!='下一篇:沒有了')
  23. location=nextpage;
  24. else
  25. alert('已經是最后一頁了');
  26. }
  27. }
  28. //-->
  29. functiongetElement(aID)
  30. {
  31. return(document.getElementById)?document.getElementById(aID):document.all[aID];
  32. }
  33. functionmakeRequest(url){
  34. http_request=false;
  35. if(window.XMLHttpRequest){//Mozilla,Safari,...
  36. http_request=newXMLHttpRequest();
  37. if(http_request.overrideMimeType){
  38. http_request.overrideMimeType('text/xml');
  39. }
  40. }elseif(window.ActiveXObject){//IE
  41. try{
  42. http_request=newActiveXObject("Msxml2.XMLHTTP");
  43. }catch(e){
  44. try{
  45. http_request=newActiveXObject("Microsoft.XMLHTTP");
  46. }catch(e){}
  47. }
  48. }
  49. if(!http_request){
  50. alert('Givingup:(CannotcreateanXMLHTTPinstance)');
  51. returnfalse;
  52. }
  53. returnhttp_request;
  54. }
  55. </script>

加入到文章模版的<body>標簽之前的內容就行了。

當然為了防止頁面代碼臃腫,大家可以將此代碼放在單獨JS文件中采用外部調用即可,保持頁面簡潔清爽。

DEDECMS教程之實現按鍵盤方向鍵實現上一頁/下一頁翻頁效果制作完畢!

本文來源:矮油設計



上一篇:去除Dedecms列表頁文章標題加粗效果

下一篇:DedeCMS轉換WordPress方法-親測成功

收縮
  • 微信客服
  • 微信二維碼
  • 電話咨詢

  • 400-1100-266
主站蜘蛛池模板: 稷山县| 皮山县| 浮山县| 嘉祥县| 奉贤区| 绍兴市| 铜陵市| 营山县| 行唐县| 永泰县| 徐州市| 东乌珠穆沁旗| 锦州市| 清河县| 多伦县| 涞水县| 松原市| 洛宁县| 贞丰县| 平邑县| 阜康市| 阜阳市| 滦平县| 林芝县| 三江| 平罗县| 江北区| 大竹县| 南丰县| 平和县| 阿坝县| 闵行区| 黑河市| 礼泉县| 锡林浩特市| 二手房| 登封市| 高陵县| 随州市| 彰武县| 太和县|