首页 > 织梦学院 > 织梦技巧 >

Dedecms实现键盘方向键翻页效果教程

相关案例演示

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

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

打开 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> ";

然后在内容页用js进行调用，代码如下：

<!--

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)

{

eventevent = 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>标签之前的内容就行了。

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

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

上一篇：dedecms采集过滤规则万能采集过滤代码常用过滤

下一篇：DEDECMS附件按月保存,修改DEDE附件不按天保存

免责声明：本站所有文章和图片均来自用户分享和网络收集，文章和图片版权归原作者及原出处所有，仅供学习与参考，请勿用于商业用途，如果损害了您的权利，请联系网站客服处理。

来源：网友投稿关注：时间：2020-04-24 08:40

☉首先声明，只要是我们的vip会员所有源码均可以免费下载，不做任何限制(了解更多)
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品织梦源码，源码在于可用，不在多！！希望在这里找到你合适的。
☉本站提供的整站织梦程序，均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源（包括源码、模板、素材、特效等）仅供学习与参考，请勿用于商业用途。
☉如有其他问题，请加网站客服QQ进行交流。