Dedecms实现键盘方向键翻页效果教程-巨人网络

主页 > 网站建设 > 建站知识 > Dedecms实现键盘方向键翻页效果教程

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

POST TIME:2017-11-13 00:49

工业环保工程类企业网站织梦模板(带手机端)

软件APP类网站源码织梦通用型企业网站源码html

蓝色安防器材公司类整站模板

html5响应式网站织梦模板源码IT网络工作室织梦网

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

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

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

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

替换成以下代码：

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

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

<scripttype="text/javascript"language="javascript">
<!-- 
document.onkeydown=nextpage; 
varprevpage='{dede:prenextget='pre'/}'; 
varnextpage='{dede:prenextget='next'/}'; 
varindex_page="index.html"; 
//varbookpage="index.html"; 
functionnextpage(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('已经是最后一页了'); 
} 
} 
//-->
functiongetElement(aID) 
{ 
return(document.getElementById)?document.getElementById(aID):document.all[aID]; 
} 
functionmakeRequest(url){ 
http_request=false; 
if(window.XMLHttpRequest){//Mozilla,Safari,... 
http_request=newXMLHttpRequest(); 
if(http_request.overrideMimeType){ 
http_request.overrideMimeType('text/xml'); 
} 
}elseif(window.ActiveXObject){//IE 
try{ 
http_request=newActiveXObject("Msxml2.XMLHTTP"); 
}catch(e){ 
try{ 
http_request=newActiveXObject("Microsoft.XMLHTTP"); 
}catch(e){} 
} 
} 
if(!http_request){ 
alert('Givingup:(CannotcreateanXMLHTTPinstance)'); 
returnfalse; 
} 
returnhttp_request; 
} 
</script>