服务报价 | 域名主机 | 网络营销 | 软件工具| [加入收藏]
 热线电话: #
当前位置: 主页 > php教程 > dedecms教程 >

Dedecms织梦如何实现键盘翻页的功能

时间:2017-03-14 09:34来源:未知 作者:最模板编辑 点击:
Dedecms织梦如何实现键盘翻页的功能 。 大家一定发现了在浏览很多小说、图片网站的时候,我们只要动一动键盘就可以翻译,而并不是要用鼠标去点击下一页,智能化是互联网发展的必
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> ";
这样php代码就修改好了,保存一下,接下来我们在内容页用js进行调用.将下面的代码:
<script type="text/javascript" language="javascript">
<!--  
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>之前的位置.保存,再更新文档查看一下效果,你会发现我们已经修改好了!
(责任编辑:最模板)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------