织梦dedecms实现键盘方向键翻页效果的方法

一般来说电脑用户可以用鼠标的时候不会特意用键盘,因此博客吧认为通过键盘方向键来翻页的功能是鸡肋。不过对于喜欢用笔记本电脑躺床上看小说浏览网页图册的电脑用户来说,这个作用倒能提高网站的用户体验。下面是针对织梦dedecms实现方向键翻页效果的方法,有需要的织梦dedecms站长可以参考实现。

 

方法步骤:

 

在dedecms的include目录下找到arc.archives.class.php文件并对其进行编辑,在其中找到以下代码:

 

<span style="font-family:tahoma,geneva,sans-serif;"><span style="font-size:14px;">$this->PreNext['pre'] = "上一篇:<a href='$mlink'>{$preRow['title']}</a> ";</span></span>

 

将上面的代码替换为以下代码:

 

<span style="font-family:tahoma,geneva,sans-serif;"><span style="font-size:14px;">$this->PreNext['pre'] = "$mlink ";$this->PreNext['next'] = "下一篇:<a href='$mlink'>{$nextRow['title']}</a> ";</span></span>

 

接着在织梦dedecms模板文件的</head>前面添加以下JS调用代码进行调用:

 

<span style="font-family:tahoma,geneva,sans-serif;"><span style="font-size:14px;"><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>

 

</span></span>

 

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


1、本网站名称:源码村资源网
2、本站永久网址:https://www.yuanmacun.com
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6、本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
源码村资源网 » 织梦dedecms实现键盘方向键翻页效果的方法
您需要 登录账户 后才能发表评论

发表评论

欢迎 访客 发表评论