织梦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> ";
 
接着在织梦dedecms模板文件的</head>前面添加以下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)
{
event = 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>

 
也可将上面的代码整理,保存为.js文件再进行调用,这样可以保持网页代码整洁。 至此就可实现织梦dedecms键盘方向键翻页效果
收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

小U源码 织梦学院 织梦dedecms实现键盘方向键翻页效果的方法 https://xuym.com/719714.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务