首页 >

Dede学习:实现键盘翻页效果

DEDECMS教程之实现按键盘方向键实现上一页/下一页翻页效果,这样可以提高用户体验,特别是在小说站和图片站中用的比较多。

Dede学习:实现键盘翻页效果

DEDECMS教程之键盘翻页的制作方法:

打开 include/arc.archives.class.php 查找到以下代码:

$this->PreNext['pre'] = "上一篇:{$preRow['title']} ";

替换成以下代码:

$this->PreNext['pre'] = "https://www.liuzhongwei.com/a/dedejq/$mlink ";$this->PreNext['next'] = "下一篇:{$nextRow['title']} ";

然后在内容页用js进行调用,代码如下:

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){//IEtry{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;}

加入到文章模版的标签以前的内容就行了。

当然为了防止页面代码臃肿,大伙可以将此代码放在单独JS文件中采用外部调用即可,保持页面简洁清爽。

DEDECMS教程之实现按键盘方向键实现上一页/下一页翻页效果制作完毕!


Dede学习:实现键盘翻页效果
  • 织梦DedeCMS中添加自定义属性教程
  • 织梦DedeCMS中添加自定义属性教程 | 织梦DedeCMS中添加自定义属性教程 ...

    Dede学习:实现键盘翻页效果
  • 织梦DedeCMS调用任意栏目到首页的方法
  • 织梦DedeCMS调用任意栏目到首页的方法 | 织梦DedeCMS调用任意栏目到首页的方法 ...

    Dede学习:实现键盘翻页效果
  • 在织梦DedeCMS搜索页调用全站最新文章
  • 在织梦DedeCMS搜索页调用全站最新文章 | 在织梦DedeCMS搜索页调用全站最新文章 ...